test fleches diap ressources

This commit is contained in:
2025-07-24 17:24:57 +02:00
parent b16bc42a91
commit 3b988737f4
4 changed files with 31 additions and 5 deletions
+13 -1
View File
@@ -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 { .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"); content: url("../images/pictos/fleche-droite-dans-rond.png");
display: inline-block; display: inline-block;
transform: scale(0.5); /* Réduction à 50% */
transform-origin: top left; /* Point dancrage du redimensionnement */
} }
@media (max-width: 810px) { @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 { .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: block;
display: inline-block; display: inline-block;
transform: scaleX(-1); transform: scaleX(-1);
transform: scale(-0.5, 0.5);
transform-origin: top right; /* Point dancrage du redimensionnement */
} }
@media (max-width: 810px) { @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 { .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 dancrage du redimensionnement */ transform-origin: top right; /* Point dancrage 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-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 { .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 { .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%; right: 10%;
@@ -624,10 +624,13 @@
width: 100% !important; width: 100% !important;
} }
} }
.slick-next::before{ .slick-next::before{
content:url("../images/pictos/fleche-droite-dans-rond.png"); content:url("../images/pictos/fleche-droite-dans-rond.png");
// display: block; // display: block;
display: inline-block; display: inline-block;
transform: scale(0.5); /* Réduction à 50% */
transform-origin: top left; /* Point dancrage du redimensionnement */
@media (max-width: 810px){ @media (max-width: 810px){
transform: scale(0.5); /* Réduction à 50% */ transform: scale(0.5); /* Réduction à 50% */
transform-origin: top left; /* Point dancrage du redimensionnement */ transform-origin: top left; /* Point dancrage du redimensionnement */
@@ -639,15 +642,26 @@
display: block; display: block;
display: inline-block; display: inline-block;
transform: scaleX(-1); transform: scaleX(-1);
transform: scale(-0.5, 0.5);
transform-origin: top right; /* Point dancrage du redimensionnement */
@media (max-width: 810px){ @media (max-width: 810px){
transform: scale(-0.5, 0.5); transform: scale(-0.5, 0.5);
transform-origin: top right; /* Point dancrage du redimensionnement */ transform-origin: top right; /* Point dancrage du redimensionnement */
} }
} }
.slick-prev::before,
.slick-next::before{
opacity: 1 !important;
// top: 80% !important;
}
.slick-prev.slick-disabled::before, .slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before{ .slick-next.slick-disabled::before{
opacity: 0 !important; opacity: 0.3 !important;
}
.slick-prev,
.slick-next{
top: 80%;
} }
.slick-next { .slick-next {
right: 10%; right: 10%;
+3 -3
View File
@@ -51,14 +51,14 @@
@import "pages/_projet"; @import "pages/_projet";
@import "pages/_incubateur"; @import "pages/_incubateur";
@import "pages/_lincubateur_newpage"; @import "pages/_lincubateur_newpage";
@import "pages/ressources"; @import "pages/_ressources";
@import "pages/ressource-type-en-images"; @import "pages/_ressource-type-en-images";
@import "pages/_ressource-type-media-vidéos"; @import "pages/_ressource-type-media-vidéos";
/*partials*/ /*partials*/
@import "partials/_header"; @import "partials/_header";
@import "partials/footer"; @import "partials/_footer";
@import "partials/_slick_custom.scss"; @import "partials/_slick_custom.scss";
@import "partials/_slick"; @import "partials/_slick";
@import "partials/_slick-theme"; @import "partials/_slick-theme";