fix(checkbox-radio-buttons): fix slots display to align smaller texts…

… vertically
ovh · Jan 8, 2024 · c539787 · c539787
1 parent 4fe489d
commit c539787
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/...ponents/src/checkbox-button/src/components/osds-checkbox-button/osds-checkbox-button.scss b/...ponents/src/checkbox-button/src/components/osds-checkbox-button/osds-checkbox-button.scss
@@ -14,6 +14,10 @@
   cursor: pointer;
   width: fit-content;
 
+  > ::slotted(span) {
+    display: grid;
+  }
+
   .checkbox-button {
     border-style: solid;
     border-radius: var(--ods-size-border-radius-01);
@@ -41,11 +45,6 @@
   }
 }
 
-
-slot {
-  display: block;
-}
-
 // apply the theme template for the component
 @include ods-theme-component {
   @include osds-checkbox-button-theme-color;

diff --git a/packages/components/src/radio-button/src/components/osds-radio-button/osds-radio-button.scss b/packages/components/src/radio-button/src/components/osds-radio-button/osds-radio-button.scss
@@ -13,6 +13,10 @@
   align-items: center;
   width: fit-content;
 
+  > ::slotted(span) {
+    display: grid;
+  }
+
   .radio-button {
     position:relative;
     border-style: solid;
@@ -44,10 +48,6 @@
   }
 }
 
-slot {
-  display: block;
-}
-
 // apply the theme template for the component
 @include ods-theme-component {
   @include osds-radio-button-theme-color;