[4.0] Move options from grid to column layout

joomla · Nov 24, 2019 · 18c603a · 18c603a
1 parent ac3eb85
commit 18c603a
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 2 deletions.
diff --git a/administrator/templates/atum/scss/blocks/_utilities.scss b/administrator/templates/atum/scss/blocks/_utilities.scss
@@ -17,3 +17,47 @@
   display: none;
   visibility: hidden;
 }
+
+
+// Column Count
+
+[class^='column-'],
+[class*=' column-'] {
+  display: block !important; // This can be removed if grid forms removed globally
+  column-gap: 2rem;
+  padding-bottom: 1rem;
+
+  > div {
+    break-inside: avoid;
+  }
+}
+
+@include media-breakpoint-up(sm) {
+  .column-count-sm-2 {
+    column-count: 2;
+  }
+
+  .column-count-sm-3 {
+    column-count: 3;
+  }
+}
+
+@include media-breakpoint-up(md) {
+  .column-count-md-2 {
+    column-count: 2;
+  }
+
+  .column-count-md-3 {
+    column-count: 3;
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  .column-count-lg-2 {
+    column-count: 2;
+  }
+
+  .column-count-lg-3 {
+    column-count: 3;
+  }
+}
diff --git a/layouts/joomla/edit/params.php b/layouts/joomla/edit/params.php
@@ -118,7 +118,7 @@
 	{
 		echo '<fieldset id="fieldset-' . $name . '" class="form-no-margin options-grid-form ' . (!empty($fieldSet->class) ? $fieldSet->class : '') . '">';
 		echo '<legend>' . $label . '</legend>';
-		echo '<div>';
+		echo '<div class="column-count-md-2 column-count-lg-3">';
 	}
 	// Tabs
 	elseif (!$hasParent)
@@ -145,7 +145,7 @@
 		{
 			echo '<fieldset id="fieldset-' . $name . '" class="form-no-margin options-grid-form ' . (!empty($fieldSet->class) ? $fieldSet->class : '') . '">';
 			echo '<legend>' . $label . '</legend>';
-			echo '<div>';
+			echo '<div class="column-count-md-2 column-count-lg-3">';
 
 			$opentab = 2;
 		}