Add new 1/6 micro panel size

netcarver · netcarver · commit 977f278009fb · 2022-08-23T14:27:26.000+01:00
diff --git a/Dashboard.css b/Dashboard.css
diff --git a/Dashboard.module b/Dashboard.module
@@ -70,6 +70,7 @@ class Dashboard extends Process implements Module
      * Supported panel sizes.
      */
     const panelSizes = [
+        'micro',  // 1/6
         'mini',   // 1/4
         'small',  // 1/3
         'normal', // 1/2
diff --git a/src/Dashboard.css b/src/Dashboard.css
@@ -7,6 +7,7 @@
   --dashboard-grid-gap-large: 40px;
 
   /* Grid sizes */
+  --dashboard-grid-size-micro: 2;
   --dashboard-grid-size-mini: 3;
   --dashboard-grid-size-small: 4;
   --dashboard-grid-size-normal: 6;
@@ -183,6 +184,9 @@ body.Dashboard {
 
   @media (min-width: 768px) {
     grid-column: span var(--dashboard-grid-size-normal);
+    &[data-size='micro'] {
+      grid-column: span var(--dashboard-grid-size-micro);
+    }
     &[data-size='mini'] {
       grid-column: span var(--dashboard-grid-size-mini);
     }
