responsive fleche ressuorces
This commit is contained in:
+31
-27
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user