From 3b988737f4e49f857b12ce2b7e4616b434b1e00d Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 24 Jul 2025 17:24:57 +0200 Subject: [PATCH] test fleches diap ressources --- web/themes/custom/eql/dist/assets/css/bundle.css | 14 +++++++++++++- .../pages/{ressources.scss => _ressources.scss} | 16 +++++++++++++++- .../scss/partials/{footer.scss => _footer.scss} | 0 web/themes/custom/eql/scss/styles.scss | 6 +++--- 4 files changed, 31 insertions(+), 5 deletions(-) rename web/themes/custom/eql/scss/pages/{ressources.scss => _ressources.scss} (97%) rename web/themes/custom/eql/scss/partials/{footer.scss => _footer.scss} (100%) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 08c9d97..a2ae20b 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/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%; diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/_ressources.scss similarity index 97% rename from web/themes/custom/eql/scss/pages/ressources.scss rename to web/themes/custom/eql/scss/pages/_ressources.scss index ddde1e1..a61f3fc 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/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%; diff --git a/web/themes/custom/eql/scss/partials/footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss similarity index 100% rename from web/themes/custom/eql/scss/partials/footer.scss rename to web/themes/custom/eql/scss/partials/_footer.scss diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 7f5b6f0..432813e 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/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";