Bladeren bron

test fleches diap ressources

ouidade 2 dagen geleden
bovenliggende
commit
3b988737f4

+ 13 - 1
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5932,6 +5932,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-content .view-type-slide:not(footer) .views-row-wrapper .slick-next::before {
   content: url("../images/pictos/fleche-droite-dans-rond.png");
   display: inline-block;
+  transform: scale(0.5); /* Réduction à 50% */
+  transform-origin: top left; /* Point d’ancrage du redimensionnement */
 }
 @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-next::before {
@@ -5944,6 +5946,8 @@ svg.ext {
   display: block;
   display: inline-block;
   transform: scaleX(-1);
+  transform: scale(-0.5, 0.5);
+  transform-origin: top right; /* Point d’ancrage du redimensionnement */
 }
 @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::before {
@@ -5951,9 +5955,17 @@ svg.ext {
     transform-origin: top right; /* Point d’ancrage du redimensionnement */
   }
 }
+.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::before,
+.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::before {
+  opacity: 1 !important;
+}
 .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.slick-disabled::before,
 .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.slick-disabled::before {
-  opacity: 0 !important;
+  opacity: 0.3 !important;
+}
+.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,
+.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 {
+  top: 80%;
 }
 .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: 10%;

+ 15 - 1
web/themes/custom/eql/scss/pages/ressources.scss → web/themes/custom/eql/scss/pages/_ressources.scss

@@ -624,10 +624,13 @@
                                                         width: 100% !important;
                                                     }
                                                 } 
+
                                                 .slick-next::before{
                                                     content:url("../images/pictos/fleche-droite-dans-rond.png");
                                                     // display: block;
                                                     display: inline-block;
+                                                    transform: scale(0.5); /* Réduction à 50% */
+                                                    transform-origin: top left; /* Point d’ancrage du redimensionnement */
                                                     @media (max-width: 810px){
                                                         transform: scale(0.5); /* Réduction à 50% */
                                                     transform-origin: top left; /* Point d’ancrage du redimensionnement */
@@ -639,15 +642,26 @@
                                                     display: block;
                                                     display: inline-block;
                                                     transform: scaleX(-1);
+                                                    transform: scale(-0.5, 0.5);
+                                                    transform-origin: top right; /* Point d’ancrage du redimensionnement */ 
                                                     @media (max-width: 810px){
                                                         transform: scale(-0.5, 0.5);
                                                         transform-origin: top right; /* Point d’ancrage du redimensionnement */  
                                                     } 
 
                                                 }
+                                                .slick-prev::before,
+                                                .slick-next::before{
+                                                    opacity: 1 !important;
+                                                    // top: 80% !important;
+                                                }
                                                 .slick-prev.slick-disabled::before,
                                                 .slick-next.slick-disabled::before{
-                                                    opacity: 0 !important;
+                                                    opacity: 0.3 !important;
+                                                }
+                                                .slick-prev,
+                                                .slick-next{
+                                                    top: 80%;
                                                 }
                                                 .slick-next {
                                                     right: 10%;

+ 0 - 0
web/themes/custom/eql/scss/partials/footer.scss → web/themes/custom/eql/scss/partials/_footer.scss


+ 3 - 3
web/themes/custom/eql/scss/styles.scss

@@ -51,14 +51,14 @@
 @import "pages/_projet";
 @import "pages/_incubateur";
 @import "pages/_lincubateur_newpage";
-@import "pages/ressources";
-@import "pages/ressource-type-en-images";
+@import "pages/_ressources";
+@import "pages/_ressource-type-en-images";
 @import "pages/_ressource-type-media-vidéos";
 
 
 /*partials*/
 @import "partials/_header";
-@import "partials/footer";
+@import "partials/_footer";
 @import "partials/_slick_custom.scss";
 @import "partials/_slick";
 @import "partials/_slick-theme";