fix: active label input group

italia · Nov 30, 2023 · 53c303b · 53c303b
1 parent c98fd30
commit 53c303b
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/scss/custom/_forms.scss b/src/scss/custom/_forms.scss
@@ -53,14 +53,21 @@ fieldset {
     white-space: nowrap;
     padding: 0 $input-spacing-x;
     z-index: 1;
-    &.active:first-child {
+    &.active {
       transform: translateY(-75%);
       font-weight: 600;
       font-size: $small-font-size;
       color: $input-label-color;
     }
   }
 
+  input:is([type='radio']),
+  input:is([type='checkbox']) {
+    & + label.active {
+      transform: translateY(0%);
+    }
+  }
+
   small.form-text {
     margin: 0;
     padding: $input-spacing-x * 0.5 $input-spacing-x;