home map label

web/modules/custom/q2d_mod/q2d_mod.module

@@ -11,7 +11,7 @@
 function q2d_mod_theme() {
   return array(
     'svg_mapsites' => array(
-      'variables' => array('vpw' => null, 'vph' => null, 'sites' => []),
+      'variables' => array('vpw' => null, 'vph' => null, 'sites' => [], 'label' => null),
     ),
   );
 }

web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php

@@ -101,6 +101,7 @@ class SitesMap extends BlockBase {
       ],
       'svg_mapsites' => [
         '#theme' => 'svg_mapsites',
+        '#label' => "Les 10 sites de projet",
         '#sites' => $sites_paths,
         '#vpw' => $vp_w,
         '#vph' => $vp_h,
@@ -117,6 +118,7 @@ class SitesMap extends BlockBase {
     //   '#markup' => $this->t('Hello, Sites Map!'),
     // ];
   }
+  
   public function getCacheMaxAge() {
     return 0;
   }

web/modules/custom/q2d_mod/templates/svg-mapsites.html.twig

@@ -1,4 +1,7 @@
 <div id="sites-map-container">
+
+  <h2>{{label}}</h2>  
+
   {# <svg {{ svg_attributes }}>
     <path {{ path_attributes }}></path>
   </svg> #}

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -3383,9 +3383,6 @@ body {
   border-bottom: none;
   padding-bottom: 0;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties div {
-  width: fit-content;
-}
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
   margin-top: 2rem;
   width: 100%;
@@ -3415,6 +3412,12 @@ body {
     font-size: 0.8rem;
   }
 }
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-video .field_field_titre_site {
+  display: none;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-video .field_field_video {
+  margin-bottom: 2rem;
+}
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama {
   display: flex !important;
   flex-direction: row !important;
@@ -3568,6 +3571,10 @@ body {
   flex-direction: column;
 }
 
+.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span {
+  visibility: hidden;
+}
+
 main {
   background-color: #f6f7f3;
 }

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss

@@ -244,7 +244,7 @@
                         
                 }
                 .field_field_parties{
-                    div{width: fit-content;}
+                    // div{width: fit-content;}
                     // width: 70%;
                 }
                 div:has(.field_field_parties){
@@ -279,6 +279,15 @@
                     }
                     
                 }
+                .paragraph--type--site-video{
+                    .field_field_titre_site{
+                        // margin-bottom: 1rem;
+                        display: none;
+                    }
+                    .field_field_video{
+                        margin-bottom: 2rem;
+                    }
+                }
                 .paragraph--type--site-diapo{
                     .field_field_images {
                         .diaporama{
@@ -438,6 +447,8 @@
                         padding-bottom: 0.2rem;
                     }
                 }   
+              
+                
             }
             
         }
@@ -448,4 +459,7 @@
 .field_field_liens_site > div:nth-child(2) > div:nth-child(1){
     display: flex;
     flex-direction: column;
-}
+}
+.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span{
+    visibility: hidden;
+}