responsive fleche ressuorces

This commit is contained in:
2025-09-22 21:56:51 +02:00
parent 36c55ee931
commit 1e41b1bc98
3 changed files with 67 additions and 67 deletions
+31 -27
View File
@@ -6046,10 +6046,18 @@ svg.ext {
}
@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: 25vw;
left: 15vw;
}
.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;
right: 35vw;
}
}
@media (max-width: 479px) {
.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: 8vw;
}
.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: 30vw;
}
}
@@ -6368,33 +6376,19 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
align-items: center;
}
@media (max-width: 810px) {
#header-top .region-header-top-left #block-logogouv {
width: 30%;
#header-top .region-header-top-left #block-logogouv .field--name-field-logo {
height: 100%;
}
}
#header-top .region-header-top-left #block-logogouv img {
width: 100%;
height: auto;
width: auto;
height: 100%;
}
#header-top .region-header-top-left #block-eql-logoepau {
height: 100%;
align-content: center;
padding-left: 1rem;
}
#header-top .region-header-top-left #block-logoeql {
display: flex;
height: 100%;
align-items: center;
}
#header-top .region-header-top-left #block-logoeql img {
width: 100%;
height: auto;
}
@media (max-width: 810px) {
#header-top .region-header-top-left #block-logoeql img {
width: 80%;
}
}
#header-top .region-header-top-rigth {
display: flex;
flex-direction: row;
@@ -6416,24 +6410,34 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
#header-top .region-header-top-rigth #block-eql-identitedusite :link {
color: rgb(9, 57, 139) !important;
}
@media (max-width: 870px) {
@media (max-width: 883px) {
#header-top .region-header-top-rigth #block-eql-identitedusite {
display: none;
}
}
#header-top .region-header-top-rigth #block-logoeql {
padding-left: 1rem;
padding-right: 2.5rem;
padding-right: 2rem;
height: 100%;
align-items: center;
}
#header-top .region-header-top-rigth #block-logoeql img {
width: 90%;
height: auto;
}
@media (max-width: 870px) {
@media (max-width: 810px) {
#header-top .region-header-top-rigth #block-logoeql {
padding-right: 1rem;
}
}
#header-top .region-header-top-rigth #block-logoeql .field--name-field-logo {
height: 100%;
}
#header-top .region-header-top-rigth #block-logoeql .field--name-field-logo a {
display: flex;
align-items: center;
height: 100%;
}
#header-top .region-header-top-rigth #block-logoeql .field--name-field-logo a img {
width: auto;
height: 80%;
}
#header-top .region-header-top-rigth #block-burger {
z-index: 1;
background-color: rgb(0, 158, 227);
@@ -679,17 +679,20 @@
}
@media (max-width: 810px){
.slick-prev {
left: 25vw;
left: 15vw;
}
.slick-next{
right: 40vw;
right: 35vw;
}
}
@media (max-width: 479px){
.slick-prev {
left: 8vw;
}
.slick-next{
right: 30vw;
}
}
// @media (max-width: 479px){
// .slick-prev {
// left: -15%;
// }
// }
}
@@ -41,12 +41,14 @@
display: flex;
height: 100%;
align-items: center;
@media (max-width: 810px){
width: 30%;
.field--name-field-logo{
@media (max-width: 810px){
height: 100%;
}
}
img{
width: 100%;
height: auto;
width: auto;
height: 100%;
}
}
@@ -57,23 +59,6 @@
align-content: center;
padding-left: 1rem;
}
#block-logoeql{
display: flex;
height: 100%;
align-items: center;
img{
// min-width: 80px;
width: 100%;
height: auto;
}
@media (max-width: 810px){
img{
width: 80%;
}
}
}
}
.region-header-top-rigth{
display: flex;
@@ -96,27 +81,35 @@
:link{
color: $blue-dark !important;
}
@media (max-width: 870px){
@media (max-width: 883px){
display: none;
}
}
#block-logoeql{
padding-left: 1rem;
padding-right: 2.5rem;
img{
width: 90%;
height: auto;
}
@media (max-width: 870px){
padding-right: 2rem;
height: 100%;
align-items: center;
@media (max-width:810px){
padding-right: 1rem;
// img{
// width: 50px;
// }
}
}
.field--name-field-logo{
height: 100%;
a{
display: flex;
align-items: center;
height: 100%;
img{
width: auto;
height: 80%;
}
}
}
}
// menu burger à droite
#block-burger {