From 6f6a1545eb4d4f8a0ad8d19742bd34b0b937abf4 Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 2 Dec 2021 15:31:18 +0100 Subject: [PATCH] divers --- web/themes/custom/eql/css-compiled/styles.css | 50 ++++++++++------- web/themes/custom/eql/scss/pages/_home.scss | 2 +- .../custom/eql/scss/pages/_partenaires.scss | 3 +- .../custom/eql/scss/partials/_footer.scss | 54 +++++++++++++------ .../custom/eql/scss/partials/_header.scss | 2 +- 5 files changed, 74 insertions(+), 37 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index c792ea0..d25e6be 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -396,7 +396,7 @@ a { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(5) { order: 3; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img { - max-width: 70%; + max-width: 95%; max-height: 150px; object-fit: cover; width: 100%; @@ -528,7 +528,8 @@ a { grid-template-rows: repeat(auto-fill); } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo { grid-column: 1 / 4; - grid-row: 1 / 3; } + grid-row: 2; + margin-top: 2rem; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre { grid-column: 3 / 7; grid-row: 1; @@ -816,8 +817,6 @@ header { display: flex; flex-direction: column; padding: 1rem; } - #header-top .region-header-top-left ul .ul1.sous-liste { - padding-right: 2rem; } #header-top .region-header-top-left ul li { width: 200px; } #header-top .region-header-top-left ul li a { @@ -911,24 +910,39 @@ header { color: #09398b; font-size: 1.2rem; } #fotter-bottom .region-footer-bottom-left { - width: 35%; - border: none; } - #fotter-bottom .region-footer-bottom-left #block-pieddepage ul { + margin-left: 3rem; + border: none; + width: 20%; } + #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content { + display: flex; + flex-direction: row; + justify-content: flex-start; + flex-wrap: wrap; + padding-top: 1rem; } + #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ { + padding-right: 1rem; + padding-bottom: 1rem; } + #fotter-bottom .region-footer-bottom-right { + width: 15%; } + #fotter-bottom .region-footer-bottom-right #block-pieddepage ul { margin-top: 0; color: #09398b; font-weight: 800; - list-style: none; } - #fotter-bottom .region-footer-bottom-left #block-pieddepage ul a { + list-style: none; + padding-left: 0; } + #fotter-bottom .region-footer-bottom-right #block-pieddepage ul a { color: #09398b; font-size: 1.2rem; text-decoration: underline; margin-top: 0; } - #fotter-bottom .view-id-partenaires .view-content { - display: flex; - flex-direction: row; - justify-content: flex-start; - flex-wrap: wrap; - padding-top: 1rem; } - #fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ { - padding-right: 1rem; - padding-bottom: 1rem; } + #fotter-bottom .region-footer-bottom-middle { + width: 60%; } + #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content { + display: flex; + flex-direction: row; + justify-content: flex-start; + flex-wrap: wrap; + padding-top: 1rem; } + #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ { + padding-right: 1rem; + padding-bottom: 1rem; } diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 5c44ebb..0888a53 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -194,7 +194,7 @@ } .field--name-field-images { .field__item img{ - max-width: 70%; + max-width: 95%; max-height: 150px; object-fit: cover; width: 100%; diff --git a/web/themes/custom/eql/scss/pages/_partenaires.scss b/web/themes/custom/eql/scss/pages/_partenaires.scss index 123078f..26dfb06 100644 --- a/web/themes/custom/eql/scss/pages/_partenaires.scss +++ b/web/themes/custom/eql/scss/pages/_partenaires.scss @@ -37,7 +37,8 @@ .field--name-field-logo{ grid-column: 1 / 4; - grid-row: 1 / 3; + grid-row: 2; + margin-top: 2rem; } .field--name-field-titre{ grid-column: 3 / 7; diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss index 167a698..5a144e4 100644 --- a/web/themes/custom/eql/scss/partials/_footer.scss +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -14,25 +14,42 @@ padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; + border-left: $blue-light solid 1px; h2{ margin-top: 0; color: $blue-dark; font-size: 1.2rem; } - - + } + .region-footer-bottom-left{ + margin-left: 3rem; + border: none; + width: 20%; + .view-id-partenaires{ + .view-content{ + + display: flex; + flex-direction: row; + justify-content:flex-start; + flex-wrap: wrap; + padding-top: 1rem; + .node-type-partenaires_logo_footer_{ + padding-right: 1rem; + padding-bottom: 1rem; + } + } + } } - .region-footer-bottom-left{ - width: 35%; - border: none; + .region-footer-bottom-right{ + width: 15%; #block-pieddepage ul{ margin-top: 0; color: $blue-dark; font-weight: 800; list-style: none; - + padding-left: 0; a{ color: $blue-dark; font-size: 1.2rem; @@ -42,18 +59,23 @@ } } - .view-id-partenaires{ - .view-content{ - display: flex; - flex-direction: row; - justify-content:flex-start; - flex-wrap: wrap; - padding-top: 1rem; - .node-type-partenaires_logo_footer_{ - padding-right: 1rem; - padding-bottom: 1rem; + .region-footer-bottom-middle{ + width: 60%; + + .view-id-partenaires{ + .view-content{ + display: flex; + flex-direction: row; + justify-content:flex-start; + flex-wrap: wrap; + padding-top: 1rem; + .node-type-partenaires_logo_footer_{ + padding-right: 1rem; + padding-bottom: 1rem; + } } } } + } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index 6fc03b8..73392fc 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -65,7 +65,7 @@ header{ padding: 1rem; } .ul1.sous-liste{ - padding-right: 2rem; + // padding-right: 2rem; } li{ width: 200px;