💄 adds some spacing between each checkbox in a check_boxes_input

3scale · Oct 14, 2024 · c518be8 · c518be8
1 parent 0e84507
commit c518be8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/app/inputs/patternfly_check_boxes_input.rb b/app/inputs/patternfly_check_boxes_input.rb
@@ -27,7 +27,7 @@ def control
   end
 
   def choice_html(choice)
-    tag.div(class: 'pf-c-check') do
+    tag.div(class: 'pf-c-check pf-c-check__check_boxes-custom_spacing') do
       checkbox_input(choice) + choice_label(choice) + choice_description(choice)
     end
   end

diff --git a/app/javascript/packs/pf_form.scss b/app/javascript/packs/pf_form.scss
@@ -2,3 +2,9 @@
 @import '~@patternfly/patternfly/components/Check/check.css';
 @import '~@patternfly/patternfly/components/Form/form.css';
 @import '~@patternfly/patternfly/components/FormControl/form-control.css';
+
+.pf-c-form__group-control {
+  .pf-c-check + .pf-c-check__check_boxes-custom_spacing {
+    margin-top: var(--pf-c-check__body--MarginTop);
+  }
+}