fix(radio): no margin if no label

dhis2 · Aug 17, 2020 · 5cae414 · 5cae414
1 parent 4d48cff
commit 5cae414
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/core/src/Radio/Radio.js b/packages/core/src/Radio/Radio.js
@@ -141,7 +141,7 @@ class Radio extends Component {
                     .icon {
                         pointer-events: none;
                         user-select: none;
-                        margin-right: 5px;
+                        margin-right: ${label ? '5px' : 0};
                         border: 2px solid transparent;
                         padding: 1px;
                         border-radius: 50%;

diff --git a/packages/core/src/Radio/Radio.stories.js b/packages/core/src/Radio/Radio.stories.js
@@ -371,3 +371,13 @@ storiesOf('Radio', module)
             onBlur={onBlur}
         />
     ))
+    .add('No Label', () => (
+        <Radio
+            name="Ex"
+            value="with-help"
+            onChange={onChange}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            className="some-name"
+        />
+    ))