responsive fleche diaporama /ressources

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

@@ -5973,17 +5973,20 @@ 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-content .view-type-slide:not(footer) .views-row-wrapper .slick-prev {
   left: 25vw;
 }
-@media (max-width: 810px) {
+@media (max-width: 1400px) {
   .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: -10%;
+    left: 20vw;
   }
   .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: 2%;
+    right: 30vw;
   }
 }
-@media (max-width: 479px) {
+@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: -15%;
+    left: 25vw;
+  }
+  .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;
   }
 }
 

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

@@ -669,19 +669,27 @@
                                                 .slick-prev {
                                                     left: 25vw;
                                                 }
-                                                @media (max-width: 810px){
+                                                @media (max-width: 1400px){
                                                     .slick-prev {
-                                                        left: -10%;
+                                                        left: 20vw;
                                                     }  
                                                     .slick-next{
-                                                        right: 2%;
+                                                        right: 30vw;
                                                     }
                                                 } 
-                                                @media (max-width: 479px){
+                                                @media (max-width: 810px){
                                                     .slick-prev {
-                                                        left: -15%;
+                                                        left: 25vw;
                                                     }  
+                                                    .slick-next{
+                                                        right: 40vw;
+                                                    }
                                                 } 
+                                                // @media (max-width: 479px){
+                                                //     .slick-prev {
+                                                //         left: -15%;
+                                                //     }  
+                                                // } 
                                                 
                                             }