]> _ Git - eif-extranet.git/commitdiff
projects / eif-extranet.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: a43eb3b)
wait #5609 @0.75
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 30 Nov 2022 09:02:03 +0000 (10:02 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 30 Nov 2022 09:02:03 +0000 (10:02 +0100)
EIF-URW.zip patch | blob | history
inc/head.php patch | blob | history
patrimoine.php patch | blob | history
style/inc/_common.sass patch | blob | history
style/inc/_mixins.sass patch | blob | history
style/inc/_page-dashboard.sass patch | blob | history
style/inc/_variables.sass patch | blob | history
tableau-de-bord.php patch | blob | history

diff --git a/EIF-URW.zip b/EIF-URW.zip
index ae2c207df4a5161c02de4e3070af18714b4186a5..84acb580376f79033480f414444c6aa314c1b47c 100644 (file)
Binary files a/EIF-URW.zip and b/EIF-URW.zip differ
diff --git a/inc/head.php b/inc/head.php
index 26cf073acdf46c16c36a488a970eec22c8157029..fa805af848e224dc79734572aecb452660a9a016 100644 (file)
--- a/inc/head.php
+++ b/inc/head.php
@@ -12,4 +12,4 @@
 <body>
 <?php include "inc/svg-sprite.php" ?>
 <?php include "inc/menu.php" ?>
-<main>
+<main <?php echo isset($mainClass)?'class="'.$mainClass.'"':'' ?>>
diff --git a/patrimoine.php b/patrimoine.php
index 6274cc69f37b706e133b4c4eafa1bf9973a9de45..041cf974ee992484beb0d1e0d399c20cf8b15a96 100644 (file)
--- a/patrimoine.php
+++ b/patrimoine.php
@@ -1,4 +1,7 @@
-<?php include "inc/head.php" ?>
+<?php
+$mainClass="responsive";
+include "inc/head.php"
+?>
     <form action="#" method="get" class="filter-form fields-medium">
         <label><span>Mot clé</span>
             <input type="search" name="q"/>
diff --git a/style/inc/_common.sass b/style/inc/_common.sass
index 0a647b28eb0363c33cd9a543dd460489ca97a9b7..70b80e5fef1f12f52bf7445870bd54c75b432a32 100644 (file)
--- a/style/inc/_common.sass
+++ b/style/inc/_common.sass
@@ -29,6 +29,9 @@ main
   min-width: 1650px
   padding: $space $space $space $space*3+150px
 
+  &.responsive
+    min-width: auto
+
   section
     margin-top: 15px
     padding: 15px 0
diff --git a/style/inc/_mixins.sass b/style/inc/_mixins.sass
index 7eb5ab0a02caa2255473df4fb3b640a3de67dd87..2ab7a909195e997f07b687402ec4060008d0b85c 100644 (file)
--- a/style/inc/_mixins.sass
+++ b/style/inc/_mixins.sass
@@ -54,4 +54,15 @@
 
     .toggle-menu
       svg
-        transform: scale(1, 1)
\ No newline at end of file
+        transform: scale(1, 1)
+
+// Responsive mediaqueries
+@mixin media-medium
+  @media screen and (max-width: $breakpoint-medium)
+    &
+      @content
+
+@mixin media-small
+  @media screen and (max-width: $breakpoint-small)
+    &
+      @content
\ No newline at end of file
diff --git a/style/inc/_page-dashboard.sass b/style/inc/_page-dashboard.sass
index 355d0e927073df45d902b04e9cc9daf50f27e21d..0cd4ffa2677d1f025704047ed99805c498579393 100644 (file)
--- a/style/inc/_page-dashboard.sass
+++ b/style/inc/_page-dashboard.sass
@@ -7,6 +7,12 @@ main
       grid-template-columns: repeat( 3, 1fr)
       grid-gap: 25px
 
+      @include media-medium
+        grid-template-columns: repeat( 2, 1fr)
+
+      @include media-small
+        grid-template-columns: repeat( 1, 1fr)
+
     // Indicateurs numériques (Tableau de bord et Patrimoine)
     &.indicators
       article
@@ -24,6 +30,12 @@ main
           min-height: 600px
           grid-column: 2 / 4
           grid-row: 3 / 9
+          @include media-medium
+            grid-column: 1 / 3
+            grid-row: auto
+          @include media-small
+            grid-column: auto
+
           .no-cssgrid &
             height: 600px
             width: calc(90% + 55px)
@@ -45,6 +57,7 @@ main
       article
         position: relative
         padding: 20px
+
         .no-cssgrid &
           display: inline-block
           width: 30%
@@ -68,6 +81,7 @@ main
 
           .dots
             margin-top: 6px
+
             svg
               height: 10px
 
diff --git a/style/inc/_variables.sass b/style/inc/_variables.sass
index ec16e305638b743c4511930de5838f752b900601..836c4e9e1c2174a9ee10d109d45ff27637b5a17b 100644 (file)
--- a/style/inc/_variables.sass
+++ b/style/inc/_variables.sass
@@ -31,4 +31,8 @@ $tag-brown: #D2B48C
 // Flèches évolution (projections)
 $evolution-stable: #BCBDC0
 $evolution-asc: #D6231A
-$evolution-desc: #C1CE3A
\ No newline at end of file
+$evolution-desc: #C1CE3A
+
+// Responsive breakpoints
+$breakpoint-medium: 1300px
+$breakpoint-small: 900px
\ No newline at end of file
diff --git a/tableau-de-bord.php b/tableau-de-bord.php
index 64ede1f3effc7c25b0ff0752a3571807a7f51d93..36a9f3f8d6313260a2b7690f7cd08ea48047ff73 100644 (file)
--- a/tableau-de-bord.php
+++ b/tableau-de-bord.php
@@ -1,4 +1,7 @@
-<?php include "inc/head.php" ?>
+<?php
+$mainClass="responsive";
+include "inc/head.php"
+?>
     <form action="#" method="get" class="filter-form fields-large">
         <label><span>Mot clé</span>
             <input type="search" name="q"/>
Unnamed repository; edit this file 'description' to name the repository.