]> _ Git - eif-extranet.git/commitdiff
wip #5496 @0:10
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 29 Sep 2022 13:00:26 +0000 (15:00 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 29 Sep 2022 13:00:26 +0000 (15:00 +0200)
style/inc/page-dashboard.sass
style/style.sass

index 82d13254f8d6aaf89f151310494cf2935d2b544d..d0427a4679e1db42f087726fa5c5aed0b2f9a4b5 100644 (file)
@@ -1,11 +1,22 @@
 main
   section
+
+    .grid
+      display: grid
+      grid-template-columns: repeat( 3, 1fr)
+      grid-gap: 25px
+
     &.indicators
       article
         height: 100px
         text-align: right
         color: $headings-color
 
+        .no-cssgrid &
+          display: inline-block
+          width: 30%
+          margin: 0 25px 25px 0
+
         &.map
           height: auto
           min-height: 600px
@@ -24,46 +35,50 @@ main
           left: 15px
           height: 70px
 
-      &.charts
-        article
-          position: relative
-          padding: 20px
+    &.charts
+      article
+        position: relative
+        padding: 20px
+        .no-cssgrid &
+          display: inline-block
+          width: 30%
+          margin: 0 25px 25px 0
 
-          h4
-            margin: 5px
+        h4
+          margin: 5px
 
-          .chart
-            img
-              width: 100%
-              height: 100%
-              object-fit: contain
-              object-position: 50% 0
+        .chart
+          img
+            width: 100%
+            height: 100%
+            object-fit: contain
+            object-position: 50% 0
 
-          .chart-menu
-            position: absolute
-            top: 20px
-            right: 20px
-            color: $light-color
+        .chart-menu
+          position: absolute
+          top: 20px
+          right: 20px
+          color: $light-color
 
-            .dots
-              svg
-                height: 10px
+          .dots
+            svg
+              height: 10px
 
-            .buttons
-              display: none
+          .buttons
+            display: none
 
-              a
-                display: inline-block
-                margin: 0 1px
-                color: $light-color
+            a
+              display: inline-block
+              margin: 0 1px
+              color: $light-color
 
-                svg
-                  height: 30px
+              svg
+                height: 30px
 
-          &:hover
-            .chart-menu
-              .dots
-                display: none
+        &:hover
+          .chart-menu
+            .dots
+              display: none
 
-              .buttons
-                display: block
\ No newline at end of file
+            .buttons
+              display: block
\ No newline at end of file
index 0015f9fe26226780fd455520e5521a338bdd22e2..6b8aa966e5aabf3c8ee1c1380985ac2b4712f7a0 100644 (file)
@@ -20,10 +20,7 @@ main
       font-weight: 900
       margin-bottom: 9px
 
-    .grid
-      display: grid
-      grid-template-columns: repeat( 3, 1fr)
-      grid-gap: 25px
+
 
     article
       position: relative