responsive fleche ressuorces

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

@@ -6046,10 +6046,18 @@ svg.ext {
 }
 @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-content .view-type-slide:not(footer) .views-row-wrapper .slick-prev {
-    left: 25vw;
+    left: 15vw;
   }
   .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 .view-type-slide:not(footer) .views-row-wrapper .slick-next {
-    right: 40vw;
+    right: 35vw;
+  }
+}
+@media (max-width: 479px) {
+  .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 .view-type-slide:not(footer) .views-row-wrapper .slick-prev {
+    left: 8vw;
+  }
+  .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 .view-type-slide:not(footer) .views-row-wrapper .slick-next {
+    right: 30vw;
   }
 }
 
@@ -6368,33 +6376,19 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
   align-items: center;
 }
 @media (max-width: 810px) {
-  #header-top .region-header-top-left #block-logogouv {
-    width: 30%;
+  #header-top .region-header-top-left #block-logogouv .field--name-field-logo {
+    height: 100%;
   }
 }
 #header-top .region-header-top-left #block-logogouv img {
-  width: 100%;
-  height: auto;
+  width: auto;
+  height: 100%;
 }
 #header-top .region-header-top-left #block-eql-logoepau {
   height: 100%;
   align-content: center;
   padding-left: 1rem;
 }
-#header-top .region-header-top-left #block-logoeql {
-  display: flex;
-  height: 100%;
-  align-items: center;
-}
-#header-top .region-header-top-left #block-logoeql img {
-  width: 100%;
-  height: auto;
-}
-@media (max-width: 810px) {
-  #header-top .region-header-top-left #block-logoeql img {
-    width: 80%;
-  }
-}
 #header-top .region-header-top-rigth {
   display: flex;
   flex-direction: row;
@@ -6416,24 +6410,34 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
 #header-top .region-header-top-rigth #block-eql-identitedusite :link {
   color: rgb(9, 57, 139) !important;
 }
-@media (max-width: 870px) {
+@media (max-width: 883px) {
   #header-top .region-header-top-rigth #block-eql-identitedusite {
     display: none;
   }
 }
 #header-top .region-header-top-rigth #block-logoeql {
   padding-left: 1rem;
-  padding-right: 2.5rem;
-}
-#header-top .region-header-top-rigth #block-logoeql img {
-  width: 90%;
-  height: auto;
+  padding-right: 2rem;
+  height: 100%;
+  align-items: center;
 }
-@media (max-width: 870px) {
+@media (max-width: 810px) {
   #header-top .region-header-top-rigth #block-logoeql {
     padding-right: 1rem;
   }
 }
+#header-top .region-header-top-rigth #block-logoeql .field--name-field-logo {
+  height: 100%;
+}
+#header-top .region-header-top-rigth #block-logoeql .field--name-field-logo a {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+#header-top .region-header-top-rigth #block-logoeql .field--name-field-logo a img {
+  width: auto;
+  height: 80%;
+}
 #header-top .region-header-top-rigth #block-burger {
   z-index: 1;
   background-color: rgb(0, 158, 227);

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

@@ -679,17 +679,20 @@
                                                 } 
                                                 @media (max-width: 810px){
                                                     .slick-prev {
-                                                        left: 25vw;
+                                                        left: 15vw;
                                                     }  
                                                     .slick-next{
-                                                        right: 40vw;
+                                                        right: 35vw;
+                                                    }
+                                                } 
+                                                @media (max-width: 479px){
+                                                    .slick-prev {
+                                                        left: 8vw;
+                                                    } 
+                                                    .slick-next{
+                                                        right: 30vw;
                                                     }
                                                 } 
-                                                // @media (max-width: 479px){
-                                                //     .slick-prev {
-                                                //         left: -15%;
-                                                //     }  
-                                                // } 
                                                 
                                             }
                                             

web/themes/custom/eql/scss/partials/_header.scss

@@ -41,12 +41,14 @@
             display: flex;
             height: 100%;
             align-items: center;
-            @media (max-width: 810px){
-              width: 30%;
+            .field--name-field-logo{
+                @media (max-width: 810px){
+                      height: 100%;
+                    }
             }
             img{
-                width: 100%;
-                height: auto;
+                width: auto;
+                height: 100%;
             }
             
         }
@@ -57,23 +59,6 @@
             align-content: center; 
             padding-left: 1rem;         
         }
-        #block-logoeql{
-            display: flex;
-            height: 100%;
-            align-items: center;
-
-            img{
-                // min-width: 80px;
-                width: 100%;
-                height: auto;
-            }
-            @media (max-width: 810px){
-                
-                img{
-                    width: 80%;
-                }
-            }
-        }
     } 
     .region-header-top-rigth{
         display: flex;
@@ -96,27 +81,35 @@
             :link{
                 color: $blue-dark !important;
             }
-            @media (max-width: 870px){
+            @media (max-width: 883px){
                 display: none;
             }   
             
         }  
         #block-logoeql{
             padding-left: 1rem;
-            padding-right: 2.5rem;
-            img{
-                width: 90%;
-                height: auto;
-            }
-            @media (max-width: 870px){
+            padding-right: 2rem;
+            height: 100%;
+            align-items: center;
+            @media (max-width:810px){
                 padding-right: 1rem;
-                // img{
-                //     width: 50px;
-                // }
-            } 
+            }
+            .field--name-field-logo{
+                height: 100%;
+                a{
+                    display: flex;
+                    align-items: center;
+                    height: 100%;
+                    img{
+                        width: auto;
+                        height: 80%;
+                       
+                    }
+    
+                }
+            }
           
         }
-        
         // menu burger à droite
 
         #block-burger {