diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 84a7f64..a26937e 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -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); diff --git a/web/themes/custom/eql/scss/pages/_ressources.scss b/web/themes/custom/eql/scss/pages/_ressources.scss index 64d8c8f..f2ecd17 100644 --- a/web/themes/custom/eql/scss/pages/_ressources.scss +++ b/web/themes/custom/eql/scss/pages/_ressources.scss @@ -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%; - // } - // } } diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index 9963723..0add2d1 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -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 {