Style checkboxes in page edit forms

Use two columns to layout checkboxes
clarin-eric · Oct 31, 2024 · 64c3dd9 · 64c3dd9
1 parent 7ec0c19
commit 64c3dd9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/clarin_bootstrap.info.yml b/clarin_bootstrap.info.yml
@@ -14,6 +14,7 @@ libraries-override:
   bootstrap_barrio/slide_nav: false
 ckeditor5-stylesheets:
   - css/ckeditor5-clarin.style.min.css
+  - css/edit-form-styles.style.min.css
 regions:
   navigation_left: 'Navigation - left'
   navigation_collapsible: 'Navigation (Collapsible)'

diff --git a/scss/edit-form-styles.style.scss b/scss/edit-form-styles.style.scss
@@ -0,0 +1,18 @@
+.field--widget-options-buttons legend > span {
+  font-size: 18px;
+  margin-bottom: 8px;
+}
+
+.form-checkboxes {
+  display: flex;
+  flex-flow: row wrap;
+
+  > div.form-item {
+    display: block;
+    flex-grow: 1;
+    margin-bottom: 5px;
+    margin-top: 5px;
+    padding-right: 1rem;
+    width: 45%;
+  }
+}