From 3d51c909fa6ae73cccc13b6502d467000c476025 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Wed, 30 Oct 2024 23:52:05 +0100
Subject: [PATCH] size map conatiner, page node site

---
 .../assets/css/carte-interactive-qdd.scss       |  2 +-
 .../dist/assets/css/bundle.css                  | 17 +++++++----------
 .../src/assets/scss/pages/node-type-site.scss   | 16 +++++++++++-----
 3 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss
index 09af117..70dcc0f 100644
--- a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss
+++ b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss
@@ -6,7 +6,7 @@
   background-color: transparent;
   text-align: center;
   position: relative;
-  width: 100%;  /* Prend toute la largeur du conteneur parent */
+  width: 155%;  /* Prend toute la largeur du conteneur parent */
   max-width: 800px; /* Optionnel : Limiter la largeur maximale */
   margin: 0 auto; /* Centrer le conteneur */
   height: auto; /* Permet à la hauteur de s'ajuster automatiquement */
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index b5c670d..09fc66d 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -2918,6 +2918,9 @@ body {
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
   position: fixed;
+  display: flex;
+  flex-direction: column;
+  width: 20% !important;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
   margin-bottom: 3rem;
@@ -2927,11 +2930,7 @@ body {
   margin-bottom: 0.5rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
-  width: auto;
-  left: 0.3rem;
-}
-.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
-  margin: auto;
+  left: -50px;
 }
 @media (max-width: 500px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
@@ -2968,9 +2967,6 @@ body {
   padding-left: 0.2rem;
   padding-bottom: 0.2rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) {
-  margin: auto;
-}
 @media (max-width: 500px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) {
     margin-top: 1rem;
@@ -2981,6 +2977,7 @@ body {
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
   background: black;
+  padding-left: 0.5rem;
 }
 @media (max-width: 810px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
@@ -3004,7 +3001,7 @@ body {
   padding-left: 0.2rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second {
-  flex: 0 1 60% !important;
+  flex: 0 1 55% !important;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second {
   display: flex;
@@ -3241,7 +3238,7 @@ main {
   background-color: transparent;
   text-align: center;
   position: relative;
-  width: 100%; /* Prend toute la largeur du conteneur parent */
+  width: 155%; /* Prend toute la largeur du conteneur parent */
   max-width: 800px; /* Optionnel : Limiter la largeur maximale */
   margin: 0 auto; /* Centrer le conteneur */
   height: auto; /* Permet à la hauteur de s'ajuster automatiquement */
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
index 96f248b..562612b 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
@@ -22,6 +22,9 @@
            
             .block-region-first{
                 position: fixed;
+                display: flex;
+                flex-direction: column;
+                width: 20% !important;
                 .views-element-container{
                     margin-bottom: 3rem;
                 }
@@ -30,12 +33,13 @@
                 width: fit-content;
                 margin-bottom: 0.5rem;
                 #sites-map-container{
-                    width: auto;
-                    left: 0.3rem;
+                    // width: auto;
+                    // left: 0.3rem;
+                    left: -50px;
                 }
             }
             div:has(.field_field_documents){
-                margin: auto;
+                // margin: auto;
                 @media(max-width: 500px){
                     margin-top: 1rem;
                 }
@@ -72,7 +76,8 @@
               
             }
             div:has(.field_field_liens_site){
-                margin: auto;
+                // margin: auto;
+                // width: 50%;
                 @media(max-width: 500px){
                     margin-top: 1rem;
                 }
@@ -82,6 +87,7 @@
                 }
                 .field_field_liens_site{
                     background: black;
+                    padding-left: 0.5rem;
                     @media (max-width:810px) {  
                         margin-left: 0;
                     }
@@ -109,7 +115,7 @@
             
         }
         .layout__region--second{
-            flex: 0 1 60% !important;
+            flex: 0 1 55% !important;
             // width: 60%;
             .block-region-second{
                 display: flex;