partenaires header view css js

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -17,7 +17,7 @@
 //////// start header ////////////
 document.addEventListener('DOMContentLoaded', function() {
 
-  const header = document.querySelector('header');
+  const header = document.querySelector('header[role="banner"]');
   const logo = document.querySelector('#block-quartiers-de-demain-logoquartiersdedemain > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > svg:nth-child(1)');
   const headerNavContainer = document.querySelector('.header_nav_container');
   const isFirstLoad = !performance.getEntriesByType("navigation")[0].type.includes('back_forward');

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss

@@ -24,15 +24,19 @@
                 }
             }
             .views-element-container{
-                &::before{
-                    content:"";
-                    display: block;
-                    border-bottom: solid 2px $blue_QDD;
-                    width: 80% ;
-                    margin: auto;
-                }
                 
                 width: 80%;
+
+                .header_view{
+                    &::after{
+                        content:"";
+                        display: block;
+                        border-bottom: solid 2px $blue_QDD;
+                        width: 80% ;
+                        margin: auto;
+                    }
+                }
+
                 h3{
                     color: rgb(7, 50, 194);
                     font-size: 2.5rem;

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss

@@ -1,4 +1,4 @@
-header{
+header[role="banner"]{
     display: flex;
     flex-direction: row;
     height: 100vh;
@@ -292,7 +292,7 @@ header{
        }
 }
 /* Taille définitive du header après l'animation */
-.header--collapsed {
+header[role="banner"].header--collapsed {
     height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
     width: 35%;
     transform-origin: bottom right; 
@@ -331,7 +331,7 @@ header{
     }
     
 }
-.header--collapsed-already{
+header[role="banner"].header--collapsed-already{
     height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
     width: 35%;
     transform-origin: bottom right;