sticky filters

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

@@ -385,10 +385,9 @@ svg.ext {
   margin: auto;
 }
 .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf ::before {
-  content: url("../images/pictos/noun_Download_file_307900.svg");
-  min-width: 25px;
+  content: url("../images/pictos/download.png");
   height: auto;
-  padding-right: 0.5rem;
+  padding-right: 1rem;
 }
 .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf a {
   hyphens: auto;
@@ -413,6 +412,7 @@ svg.ext {
   justify-items: center;
   color: rgb(0, 158, 227);
   font-weight: 800;
+  align-items: center;
 }
 .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before {
   content: url("../images/pictos/external_link.png");
@@ -5330,6 +5330,9 @@ svg.ext {
   padding-right: 2rem;
 }
 
+.path-ressources .layout-container {
+  overflow: visible;
+}
 .path-ressources .layout-content {
   width: 100vw;
 }
@@ -5439,12 +5442,8 @@ 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: flex;
-  flex-direction: row;
-}
 .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: fixed;
+  position: sticky;
   top: 13rem;
   left: 0;
   width: 15%;

web/themes/custom/eql/dist/assets/images/pictos/external_link.svg

@@ -1,70 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   version="1.1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 7500 9375"
-   xml:space="preserve"
-   id="svg20"
-   sodipodi:docname="noun_External Link_674151.svg"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
-   width="7500"
-   height="9375"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
-     id="metadata26"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
-     id="defs24" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1015"
-     id="namedview22"
-     showgrid="false"
-     inkscape:zoom="6.92"
-     inkscape:cx="50"
-     inkscape:cy="159.82431"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg20"
-     inkscape:showpageshadow="2"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"><inkscape:page
-       x="0"
-       y="0"
-       width="7500"
-       height="9375"
-       id="page2"
-       margin="0"
-       bleed="0" /></sodipodi:namedview><g
-     id="g14"
-     inkscape:export-filename="external_.png"
-     inkscape:export-xdpi="300"
-     inkscape:export-ydpi="300"
-     transform="translate(-1260,-1575)"><g
-       id="g4"><rect
-         x="31.4"
-         y="35.099998"
-         transform="matrix(0.7071,-0.7071,0.7071,0.7071,-7.65,55.5169)"
-         width="63.599998"
-         height="3.7"
-         id="rect2" /></g><g
-       id="g8"><polygon
-         points="59.4,12.6 87.6,12.6 87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 "
-         id="polygon6" /></g><g
-       id="g12"><polygon
-         points="46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9 80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 "
-         id="polygon10" /></g></g></svg>

web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg

@@ -1,38 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   version="1.1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 50 50"
-   xml:space="preserve"
-   id="svg20"
-   width="50 "
-   height="50"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
-     id="metadata26"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
-     id="defs24" /><g
-     id="g14"
-     transform="translate(-1210,-1556.8138)"><g
-       id="g4"
-       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1"><rect
-         x="31.4"
-         y="35.099998"
-         transform="matrix(0.7071,-0.7071,0.7071,0.7071,-7.65,55.5169)"
-         width="63.599998"
-         height="3.7"
-         id="rect2"
-         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1" /></g><g
-       id="g8"><polygon
-         points="59.4,12.6 87.6,12.6 87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 "
-         id="polygon6" /></g><g
-       id="g12"
-       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1"><polygon
-         points="46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9 80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 "
-         id="polygon10"
-         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1" /></g></g></svg>

web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg

@@ -1,35 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   version="1.1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 50 50"
-   xml:space="preserve"
-   id="svg20"
-   width="50"
-   height="50"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
-     id="metadata26"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
-     id="defs24" /><g
-     id="g14"
-     transform="translate(-1260,-1575)"><g
-       id="g4"><rect
-         x="31.4"
-         y="35.099998"
-         transform="matrix(0.7071,-0.7071,0.7071,0.7071,-7.65,55.5169)"
-         
-         width="63.599998"
-         height="3.7"
-         id="rect2" /></g><g
-       id="g8"><polygon
-         points="59.4,12.6 87.6,12.6 87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 "
-         id="polygon6" /></g><g
-       id="g12"><polygon
-         points="46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9 80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 "
-         id="polygon10" /></g></g></svg>

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

@@ -148,7 +148,6 @@
                                 padding-top: 1rem;
                                 padding-bottom: 1rem;
                                 margin-bottom: 1rem;
-                        
                                 span:nth-of-type(2){
                                     display: none;
                                 }
@@ -157,23 +156,17 @@
                                     height: inherit;      
                                     margin: auto;  
                                     ::before{
-                                        content: url("../images/pictos/noun_Download_file_307900.svg");
-                                        min-width:25px;
+                                        content: url("../images/pictos/download.png");
                                         height: auto;
-                                        padding-right: 0.5rem;
-                                        // display: inline-flex;
-                                        // align-items: center;
+                                        padding-right: 1rem;
                                     }
                                     a{
                                         hyphens: auto;
                                         display: inline-flex;
-                                        // align-items: center;
                                         color: $blue-light;
                                         font-weight: 800;
-                                        // max-width: 80px ;
                                     }
                                 }
-                        
                             }
                         }         
 
@@ -189,23 +182,19 @@
                                     padding-left: 0.8rem;
                                     padding-top: 1rem;
                                     padding-bottom: 1rem;
-
                                     margin-bottom: 1rem;
-                                    
                                 }
                                 a{
                                     display: inline-flex;
-                                    // align-items: center;
                                     justify-items: center;
                                     color: $blue-light;
                                     font-weight: 800;
+                                    align-items: center;
+
                                     &::before{
                                         content: url("../images/pictos/external_link.png");
-                                        // min-width: 25px;
                                         height: auto;
                                         padding-right: 1rem;
-                                        // display: inline-flex;
-                                        // align-items: center;
                                     }
                                     svg.ext{
                                         display: none;
@@ -228,7 +217,6 @@
                             .node-type-ressource{
                                 border: 2px solid $blue-light;
                                 background-color: $white;
-                                // margin-left: 1rem;
                                 margin-bottom: 1rem ;
                                 padding: 1rem; 
                                 div{
@@ -275,7 +263,6 @@
                                         }
                                     }
                                     .field--name-field-images{
-                                        // display: none;
                                         order: 1;
                                         width: 25%;
 

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

@@ -1,6 +1,10 @@
 
 .path-ressources{
-    .layout-content{
+
+    .layout-container {
+        overflow: visible;
+    }
+        .layout-content{
         width: 100vw;
         .region-content{
             width: 100%;
@@ -109,10 +113,10 @@
                                     order: 3;
                                 }
                                 .view-base-de-donnees{
-                                    display: flex;
-                                    flex-direction: row;
+                                    // display: flex;
+                                    // flex-direction: row;
                                     .view-filters{
-                                        position: fixed;
+                                        position: sticky;
                                         top: 13rem;
                                         left: 0;
                                         width: 15%;