Merge pull request #1193 from dpc-sdp/feature/R20-464-radio-button-fe…

…edback [R20-464] minor feedback items
dpc-sdp · May 29, 2024 · e61b604 · e61b604
2 parents 8d8a6b4 + 49da969
commit e61b604
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/packages/ripple-ui-forms/src/components/RplForm/RplForm.stories.mdx b/packages/ripple-ui-forms/src/components/RplForm/RplForm.stories.mdx
@@ -185,7 +185,7 @@ export const SlotTemplate = (args) => ({
           name: 'radio-group',
           label: 'Favourite colour?',
           help: '<p>There is only one answer</p>',
-          value: 'undefined',
+          value: '',
           validation: 'required',
           validationMessages: {
             required: 'Please choose a colour'

diff --git a/packages/ripple-ui-forms/src/components/RplFormOptions/RplFormOption.css b/packages/ripple-ui-forms/src/components/RplFormOptions/RplFormOption.css
@@ -21,7 +21,6 @@
 
 .rpl-form-option__label-text {
   margin-left: var(--rpl-sp-3);
-  margin-top: 1px;
 }
 
 [dir='rtl'] .rpl-form-option__label-text {
@@ -60,7 +59,7 @@
   opacity: 0;
 }
 
-.rpl-form-option__input:hover + .rpl-form-option__label {
+.rpl-form-option__input:is(:hover, :focus, :active) + .rpl-form-option__label {
   .rpl-form-option__mark {
     border-color: var(--rpl-clr-dark);
   }