From 094fb35c8e0c6f8803174b969351ac3e04301768 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 5 Mar 2024 16:09:13 +0100
Subject: [PATCH] ajustement design

---
 .../quartiers_de_demain/css/quartiers_de_demain.css  | 12 ++++++++----
 .../scss/pages/_presentation.scss                    |  7 +++++++
 .../quartiers_de_demain/scss/partials/_header.scss   |  6 +++---
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
index 540048e..2a96742 100644
--- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
+++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
@@ -178,8 +178,8 @@ header {
     display: flex;
     flex-direction: row;
     border-right: 1px solid #808080;
-    padding-left: 5%;
-    padding-right: 5%; }
+    padding-left: 2%;
+    padding-right: 2%; }
     @media (max-width: 660px) {
       header .header_left_container {
         height: inherit; } }
@@ -192,8 +192,7 @@ header {
         header .header_left_container #block-quartiers-de-demain-logoepau-2 {
           height: 110px; } }
     header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
-      margin-left: auto;
-      padding-right: 5%; }
+      margin-left: auto; }
     header .header_left_container img {
       width: auto;
       height: 150px; }
@@ -617,6 +616,11 @@ header {
   width: 100%;
   display: grid;
   grid-template-columns: repeat(12, 1fr); }
+  #presentation .layout-sidebar-first {
+    position: relative; }
+    #presentation .layout-sidebar-first .sidebar_first_container {
+      position: sticky;
+      position: -webkit-sticky; }
   #presentation .layout-content {
     grid-row: 1;
     order: 2;
diff --git a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
index 8591cf8..a448d56 100644
--- a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
@@ -4,6 +4,13 @@
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     // grid-gap: 10px;
+    .layout-sidebar-first{
+        position: relative;
+        .sidebar_first_container{
+            position: sticky;
+            position: -webkit-sticky;
+        }
+    }        
     .layout-content{
         // grid-column: 3 / 11;
         grid-row: 1;
diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
index 3bb2b56..d8f0c70 100644
--- a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
@@ -34,8 +34,8 @@ header{
          display: flex;
          flex-direction: row;
          border-right: 1px solid #808080;
-         padding-left: 5%;
-         padding-right: 5%;
+         padding-left: 2%;
+         padding-right: 2%;
          @media(max-width: 660px){
             height: inherit;
         }
@@ -53,7 +53,7 @@ header{
          }
          #block-quartiers-de-demain-logoquartiersdedemain{
              margin-left: auto;
-             padding-right: 5%;
+            //  padding-right: 5%;
          }
          img{
              width: auto;