assets/scss/components/forms: add styling for radioselect widget

liqd · Apr 30, 2021 · 27ea504 · 27ea504
1 parent 1c4643e
commit 27ea504
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/euth_wagtail/assets/scss/components/_forms.scss b/euth_wagtail/assets/scss/components/_forms.scss
@@ -7,3 +7,4 @@
 @import "forms/form-section";
 @import "forms/poll-radio";
 @import "forms/questionform";
+@import "forms/widget-radioselect";
diff --git a/euth_wagtail/assets/scss/components/forms/_widget-radioselect.scss b/euth_wagtail/assets/scss/components/forms/_widget-radioselect.scss
@@ -0,0 +1,21 @@
+.widget-radioselect {
+    ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+    }
+
+    li {
+        margin-left: 1.25em;
+    }
+
+    input {
+        margin-left: -1.25em;
+    }
+
+    label {
+        @extend .form-check__label;
+        height: auto;
+        font-weight: normal;
+    }
+}