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 {
content: url("../images/pictos/fleche-droite-dans-rond.png");
display: inline-block;
transform: scale(0.5); /* Réduction à 50% */
transform-origin: top left; /* Point dancrage 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 dancrage 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 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-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%;
@@ -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 dancrage du redimensionnement */
@media (max-width: 810px){
transform: scale(0.5); /* Réduction à 50% */
transform-origin: top left; /* Point dancrage 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 dancrage du redimensionnement */
@media (max-width: 810px){
transform: scale(-0.5, 0.5);
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-next.slick-disabled::before{
opacity: 0 !important;
opacity: 0.3 !important;
}
.slick-prev,
.slick-next{
top: 80%;
}
.slick-next {
right: 10%;
+3 -3
View File
@@ -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";