diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 874027e..d684862 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -131,7 +131,7 @@ a { text-decoration: none; } -@media (max-width: 934px) { +@media (max-width: 959px) { #block-headermenu { display: none; } .page-node-type-static .layout__region--top { @@ -149,6 +149,11 @@ a { .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p { width: 100%; } } +@media (max-width: 479px) { + .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content { + display: flex; + flex-direction: column; } } + /*pages*/ /* @import "pages/partials/header_footer"; @@ -455,6 +460,11 @@ a { margin: auto; padding-top: 2rem; padding-bottom: 4rem; } + @media (max-width: 479px) { + .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content { + display: flex; + padding-left: 1rem; + width: 80%; } } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .views-row:nth-of-type(1) { grid-column: 2; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite { @@ -508,6 +518,9 @@ a { min-width: fit-content; margin-bottom: 2rem; align-self: end; } + @media (max-width: 479px) { + .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 { + grid-column: 3 / span 6; } } .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link { width: fit-content; height: fit-content; @@ -1018,8 +1031,7 @@ header { align-items: center; color: black; font-weight: 800; - flex: 1; - justify-content: space-between; } + flex: 1; } #header-top .region-header-top-left #block-logogouv { display: flex; height: 100%; @@ -1072,7 +1084,9 @@ header { color: #009ee3; } #header-top #block-socialnetwork-2 { position: relative; - top: -33px; } + top: -33px; + align-self: flex-end; + margin-left: auto; } #header-top #block-socialnetwork-2 .field--name-body { min-height: 75px; margin-right: 1rem; } diff --git a/web/themes/custom/eql/scss/global/_mediaqueries.scss b/web/themes/custom/eql/scss/global/_mediaqueries.scss index 7380b4e..3ae99c7 100644 --- a/web/themes/custom/eql/scss/global/_mediaqueries.scss +++ b/web/themes/custom/eql/scss/global/_mediaqueries.scss @@ -1,57 +1,6 @@ -// @media (max-width: 1325px){ -// .path-frontpage{ -// .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ -// position: relative; -// .field--name-field-lien.field--type-link{ -// position: relative; -// bottom: +337%; -// } -// .field--name-field-description{ -// position: relative; -// bottom: +72%; -// } -// } - -// } -// } - -// @media (max-width: 1330px){ -// .path-frontpage{ -// .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ -// position: relative; -// .field--name-field-lien.field--type-link{ -// position: relative; -// bottom: +387%; -// } -// .field--name-field-description{ -// position: relative; -// bottom: +132%; -// } -// } - -// } -// } - -// @media (max-width: 1033px){ -// .path-frontpage{ -// .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ -// position: relative; -// .field--name-field-lien.field--type-link{ -// position: relative; -// bottom: +450%; -// } -// .field--name-field-description{ -// position: relative; -// bottom: +126%; -// } -// } - -// } - -// } -@media (max-width: 934px){ +@media (max-width: 959px){ #block-headermenu{ display:none; } @@ -95,3 +44,19 @@ } + + +@media (max-width: 479px){ + .path-frontpage{ + .block-region-content{ + .block-views-blockactus-blocks-pages-block-1{ + .view-actus-blocks-pages{ + .view-content{ + display: flex; + flex-direction: column; + } + } + } + } + } +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 7741c49..db5a624 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -236,6 +236,11 @@ margin: auto; padding-top: 2rem; padding-bottom: 4rem; + @media (max-width: 479px){ + display: flex; + padding-left: 1rem; + width: 80%; + } .views-row:nth-of-type(1) { grid-column: 2; } .node-type-actualite{ color: $black; @@ -299,7 +304,11 @@ max-width: 50%; min-width: fit-content; margin-bottom: 2rem; - align-self: end; + align-self: end; + @media (max-width: 479px){ + grid-column: 3 / span 6; + } + .field--type-link { width: fit-content; height: fit-content; diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index 9b4242a..d2e2152 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -33,7 +33,7 @@ header{ color: $black; font-weight: 800; flex: 1; - justify-content: space-between; + // justify-content: space-between; #block-logogouv{ display: flex; @@ -123,6 +123,8 @@ header{ #block-socialnetwork-2{ position: relative; top: -33px; + align-self: flex-end; + margin-left: auto; // display: none; .field--name-body{ min-height: 75px;