From a1ff55d08432b11763b03315d29f77078c56b078 Mon Sep 17 00:00:00 2001 From: Eduard Heimbuch Date: Tue, 26 Nov 2019 13:22:00 +0100 Subject: [PATCH 1/2] override global radio stylings and use local styles instead --- scm-ui/ui-components/src/forms/Radio.tsx | 10 ++++++++-- scm-ui/ui-styles/src/scm.scss | 6 ++++++ 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/scm-ui/ui-components/src/forms/Radio.tsx b/scm-ui/ui-components/src/forms/Radio.tsx index 429fc91077..e9aea098c4 100644 --- a/scm-ui/ui-components/src/forms/Radio.tsx +++ b/scm-ui/ui-components/src/forms/Radio.tsx @@ -1,5 +1,11 @@ import React, { ChangeEvent } from "react"; import { Help } from "../index"; +import styled from "styled-components"; + + +const StyledRadio = styled.label` + margin-right: 0.5em; +`; type Props = { label?: string; @@ -33,7 +39,7 @@ class Radio extends React.Component { because jsx label does not the custom disabled attribute but bulma does. // @ts-ignore */} - + ); } diff --git a/scm-ui/ui-styles/src/scm.scss b/scm-ui/ui-styles/src/scm.scss index 01d8d3e55a..82b6b609c3 100644 --- a/scm-ui/ui-styles/src/scm.scss +++ b/scm-ui/ui-styles/src/scm.scss @@ -809,6 +809,12 @@ form .field:not(.is-grouped) { } } +// radio +//overwrite bulma's default margin +.radio + .radio { + margin-left: 0; +} + // cursor .has-cursor-pointer { cursor: pointer; From 60f5c9a9bfc4c7317c2e7f556a66c2b112e38fa2 Mon Sep 17 00:00:00 2001 From: Sebastian Sdorra Date: Thu, 19 Dec 2019 09:08:41 +0000 Subject: [PATCH 2/2] Close branch bugfix/remove_global_styles_radio_button