responsive fleche diaporama /ressources

This commit is contained in:
2025-07-25 00:47:17 +02:00
parent 929b7cfbcf
commit f29dda1d8e
2 changed files with 21 additions and 10 deletions
+8 -5
View File
@@ -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;
}
}
@@ -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%;
// }
// }
}