filters fixed not stiky

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

@@ -5293,7 +5293,7 @@ svg.ext {
 }
 
 .path-ressources .layout-container {
-  overflow: visible;
+  overflow: hidden;
 }
 @media (max-width: 810px) {
   .path-ressources .layout-container {
@@ -5431,11 +5431,6 @@ svg.ext {
     order: 3;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees {
-  display: grid;
-  grid-template-columns: 22% 80%;
-  gap: 2rem;
-}
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees {
     display: flex;
@@ -5443,9 +5438,8 @@ svg.ext {
   }
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
-  position: sticky;
-  align-self: start;
-  top: 21rem;
+  position: fixed;
+  top: 25rem;
   left: 0;
   background-color: rgb(255, 255, 255);
   margin-bottom: 5rem;
@@ -5455,6 +5449,7 @@ svg.ext {
   z-index: 1;
   transform: translateY(-210px);
   margin-bottom: -210px;
+  width: 20%;
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
@@ -5677,7 +5672,7 @@ svg.ext {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  width: 100%;
+  padding-left: 25%;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .border {
   width: 80%;
@@ -5898,6 +5893,10 @@ div.view-type-slide:nth-child(2) > div:nth-child(4) article {
   padding-right: 0;
 }
 
+footer {
+  z-index: 1;
+}
+
 .carousel {
   display: none;
 }

web/themes/custom/eql/scss/pages/ressources.scss

@@ -1,8 +1,8 @@
 
 .path-ressources{
-
+    
     .layout-container {
-        overflow: visible;
+        overflow: hidden;
         @media (max-width:810px) {
            overflow: hidden;
            }
@@ -137,17 +137,19 @@
                                     order: 3;
                                 }
                                 .view-base-de-donnees{
-                                    display: grid;
-                                    grid-template-columns: 22% 80%;
-                                    gap: 2rem;
+                                    // display: grid;
+                                    // grid-template-columns: 22% 80%;
+                                    // gap: 2rem;
+                                    // overflow-x: hidden;
+
                                     @media (max-width:810px) {
                                         display: flex;
                                         flex-direction: column ;
                                     }
                                     .view-filters{
-                                        position: sticky;
-                                        align-self: start;
-                                        top: 21rem;
+                                        position: fixed;
+                                        // align-self: start;
+                                        top: 25rem;
                                         left: 0;
                                         background-color: $white;
                                         margin-bottom: 5rem;
@@ -157,6 +159,7 @@
                                         z-index: 1;
                                         transform: translateY(-210px);
                                         margin-bottom: -210px;
+                                        width: 20%;
                                        
 
                                         @media (max-width: 810px) {
@@ -431,11 +434,15 @@
                                         }
                                     }
                                     .view-content{
+                                        // * { outline: 1px solid red; }
                                         transition: opacity 0.3s ease;
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
-                                        width: 100%;
+                                        // width: 80%;
+                                        padding-left: 25%;
+                                        // overflow-x: hidden;
+
                                         .border{
                                             width: 80%;
                                             border-top: solid 1px rgba(0, 0, 0, 0.3);
@@ -675,4 +682,8 @@ div.view-type-slide:nth-child(2) > div:nth-child(4){
         article{
             padding-right: 0;
         }
+}
+
+footer{
+    z-index: 1;
 }