From bfb94ef05b1f3d65bf778cf2f25bb1edd90c466c Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 21 Nov 2024 10:42:14 +0100
Subject: [PATCH] responsive header nav et taille carte, fix css

---
 .../assets/css/carte-interactive-qdd.css      |  7 ++--
 .../q2d_mod/src/Plugin/Block/SitesMap.php     |  4 +-
 .../dist/assets/css/bundle.css                |  8 +++-
 .../src/assets/scss/pages/static.scss         |  4 ++
 .../src/assets/scss/partials/header.scss      | 39 +------------------
 5 files changed, 18 insertions(+), 44 deletions(-)

diff --git a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css
index 24839b0..1646baf 100644
--- a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css
+++ b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css
@@ -7,7 +7,7 @@
     text-align: center;
     position: relative;
     width: 155%;
-    max-width: 800px;
+    max-width: 600px;
     margin: 0 auto;
     height: auto;
   }
@@ -63,7 +63,7 @@
     color: white;
     background: black;
     text-transform: uppercase;
-    font-size: 0.6rem;
+    font-size: 0.5rem;
     padding-left: 0.5rem;
     text-decoration: none;
     margin-top: 0.7rem;
@@ -83,9 +83,10 @@
   #popup-content {
     width: 300px;
     padding-right: 30px;
+    font-size: 0.6rem !important;
   }
   #popup-content p {
-    font-size: 0.7rem;
+    font-size: 0.6rem !important;
   }
   @media (max-width: 810px) {
     #popup-content {
diff --git a/web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php b/web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php
index 18ef0be..7219ec2 100644
--- a/web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php
+++ b/web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php
@@ -61,9 +61,9 @@ class SitesMap extends BlockBase {
       $x = round(($lon - $lonLeft) / ($lonRight - $lonLeft) * $vp_w);
       $y = round(($latTop - $lat) / ($latTop - $latBottom) * $vp_h);
 
-      $r = 15;
+      $r = 12;
       $m = -$r/1.5+3;
-      $l = $r/1.5 +4;
+      $l = $r/1.5 +2.5;
       $sites_paths .= <<<SVGSITEPATH
       <g 
         id="site-$index"
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 aaab10c..ec43c6e 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
@@ -479,7 +479,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li a {
     font-size: 0.6rem;
   }
 }
-@media (max-width: 500px) {
+@media (max-width: 810px) {
   header .header_nav_container #block-quartiers-de-demain-entete ul li a {
     display: flex;
     flex-direction: column;
@@ -3013,6 +3013,12 @@ body {
     grid-column: 2/span 9;
   }
 }
+@media (max-width: 510px) {
+  .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
+    margin-top: 13rem;
+    grid-column: 2/span 9;
+  }
+}
 .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
   text-transform: none;
   color: black;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
index b21d4cd..fb4c3de 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
@@ -15,6 +15,10 @@
                     margin-top: 10rem;
                     grid-column: 2 /span 9;
                 } 
+                @media(max-width: 510px){
+                    margin-top: 13rem;
+                    grid-column: 2 /span 9;
+                } 
     
                 h1{
                     text-transform: none;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
index e592834..74cbd27 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@@ -221,7 +221,7 @@ header{
                         @media(max-width:1090px){
                             font-size: 0.6rem;
                         }
-                        @media(max-width: 500px){
+                        @media(max-width: 810px){
                             display: flex;
                             flex-direction: column;
                             align-items: center;
@@ -249,43 +249,6 @@ header{
         #block-quartiers-de-demain-selecteurdelangue{
             width: fit-content;
             margin: auto;
-        //     .language-switcher-language-url{
-        //         text-transform: uppercase;
-        //         color: white;
-    
-        //         ul{
-        //             display: flex;
-        //             flex-direction: row;   
-        //             font-size:0.6rem;
-        //             padding: 0;
-    
-        //             @media(max-width: 660px){
-        //                 margin-bottom: 0;      
-        //             }
-        //             @media(max-width: 500px){
-        //                 flex-direction: column;
-        //                 // margin-bottom: 0;
-        //                 margin: auto;      
-        //             }
-        //             li a {
-        //                 color: white;
-        //                 font-family: 'gilroy-light';
-    
-        //             }
-        //             li:nth-child(1){
-        //                 &::after{
-        //                     content: " / ";
-        //                     white-space: pre;
-        //                     @media(max-width: 660px){
-        //                         content:none ;      
-        //                     }
-        //                 }
-        //             }
-        //             .is-active{
-        //                 font-family: 'gilroy-bold';
-        //             }
-        //         }
-        //     }
         }
        
     }