Add clear classes for fields (#4706)

Credit to @bennothommo. Added `clear-full`, `clear-left`, and `clear-right` CSS classes that can be used to apply clearfixes to form fields by adding them to the field's `cssClass` property
octobercms · Oct 20, 2019 · df65861 · df65861
1 parent fa93781
commit df65861
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/modules/system/assets/ui/less/form.less b/modules/system/assets/ui/less/form.less
@@ -155,6 +155,18 @@
         clear: right;
     }
 
+    &.clear-full {
+        clear: both;
+    }
+
+    &.clear-left {
+        clear: left;
+    }
+
+    &.clear-right {
+        clear: right;
+    }
+
     &.layout-relative {
         padding-bottom: 0;
     }

diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css
@@ -4200,6 +4200,9 @@ html.cssanimations .cursor-loading-indicator.hide {display:none}
 .form-group.span-full {width:100%;float:left}
 .form-group.span-left {float:left;width:48.5%;clear:left}
 .form-group.span-right {float:right;width:48.5%;clear:right}
+.form-group.clear-full {clear:both}
+.form-group.clear-left {clear:left}
+.form-group.clear-right {clear:right}
 .form-group.layout-relative {padding-bottom:0}
 .form-group.checkbox-field {padding-bottom:5px}
 .form-group.number-field >.form-control {text-align:right}