filters fixed not stiky

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;
 }