From 888d001c27162f9bf91be757fb78cebceb264ebc Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 17 Nov 2021 20:33:11 +0100 Subject: [PATCH] footer --- web/themes/custom/eql/css-compiled/styles.css | 105 ++++++------------ .../custom/eql/scss/global/_layout.scss | 22 +++- web/themes/custom/eql/scss/pages/_static.scss | 98 ---------------- .../custom/eql/scss/partials/_footer.scss | 18 ++- .../custom/eql/scss/partials/_header.scss | 57 +++++----- .../eql/templates/partials/menu.html.twig | 2 + 6 files changed, 105 insertions(+), 197 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index c19ef52..e1ec9c4 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -85,11 +85,28 @@ font-family: "Marianne", sans-serif; margin: none; top: 0%; - left: 0%; } + left: 0%; + width: 100%; + overflow: hidden; } .path-frontpage { margin: 0; } +.path-node { + margin: 0; } + +.field--name-field-titre .field__item { + color: #09398b; + font-weight: 900; + font-size: 2rem; } + +.field--name-field-titre .field__label { + visibility: hidden; } + +.inter-titre { + color: #009ee3; + text-transform: uppercase; } + a { text-decoration: none; } @@ -97,56 +114,6 @@ a { /* @import "pages/partials/header_footer"; @import "pages/home";*/ -.field--name-field-liens { - float: right; - width: 20%; - margin-right: 10%; - margin-bottom: 2rem; - justify-items: center; } - .field--name-field-liens .ext { - display: flex; - flex-direction: row-reverse; - position: sticky; - height: fit-content; - font-weight: 900; - background-color: #009ee3; - color: white; - text-decoration: none; - justify-content: left; - align-items: center; - padding: 0.2rem; } - .field--name-field-liens .ext svg { - width: 70px; - height: 70px; - padding: 0; - padding-right: 1rem; - padding-left: 0.5rem; - padding-bottom: 1rem; - margin: 0; - fill: black; } - .field--name-field-liens .ext svg path, .field--name-field-liens .ext svg svg.mailto path { - stroke: black; - stroke-width: 0.1px; } - -.field--name-field-fichiers { - position: relative; - clear: right; - float: right; - width: 20%; - margin-right: 10%; } - .field--name-field-fichiers .file--mime-application-pdf { - display: flex; - height: fit-content; - font-weight: 900; - background-color: #009ee3; - color: white; - justify-content: right; - align-items: center; - padding: 1rem; } - .field--name-field-fichiers .file--mime-application-pdf a { - color: white; - text-decoration: none; } - .field--type-entity-reference-revisions .paragraph-summary { font-family: "Marianne", sans-serif; font-size: 5rem; @@ -218,7 +185,7 @@ a { #header-top #block-burger { z-index: 1; background-color: #009ee3; - font-size: 0.7rem; + font-size: 0.5rem; color: white; display: block; width: 7rem; @@ -238,35 +205,27 @@ a { align-self: center; text-align: center; height: 7rem; } + #header-top #block-burger .menuOpen:first-of-type { + width: 500%; + position: relative; + right: 0; } #header-top #block-burger ul { display: none; - width: 100vw; - position: relative; - bottom: 8%; - left: calc(-30vw + 50%); - height: fit-content; - padding-bottom: 1rem; - padding-top: 1rem; background-color: #009ee3; line-height: 2rem; list-style: none; } - #header-top #block-burger ul .ul1 .sous-liste { - left: calc(-50vw + 50%); - padding-top: 0; } - #header-top #block-burger ul .ul1 .sous-liste a { - opacity: 1; } + #header-top #block-burger ul .ul1 .sous-liste a { + opacity: 1; } #header-top #block-burger ul a { color: white; font-weight: 800; - font-size: 1.7rem; - opacity: 0.7; } + font-size: 1rem; } #header-top #block-burger.opened ul { display: block; } #fotter-bottom { display: flex; - flex-direction: row; - justify-content: space-around; } + flex-direction: row; } #fotter-bottom .region { display: block; padding-left: 1rem; @@ -276,7 +235,7 @@ a { margin-top: 0; color: #09398b; } #fotter-bottom .region img { - height: 50px; + height: 4rem; width: auto; } #fotter-bottom .region-footer-bottom-left { border: none; } @@ -289,3 +248,11 @@ a { color: #09398b; font-size: 1.5rem; margin-top: 0; } + #fotter-bottom .view-id-partenaires .view-content { + display: flex; + flex-direction: row; + justify-content: flex-start; + flex-wrap: wrap; } + #fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ { + padding-right: 1rem; + padding-bottom: 1rem; } diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss index fc0fafd..4334be8 100644 --- a/web/themes/custom/eql/scss/global/_layout.scss +++ b/web/themes/custom/eql/scss/global/_layout.scss @@ -10,12 +10,32 @@ margin: none; top: 0%; left: 0%; + width: 100%; + + overflow: hidden; + } .path-frontpage{ margin: 0; } - +.path-node { + margin: 0; +} // .contextual-region .node-type-static { // grid-template-columns: repeat(6 1fr); // } + .field--name-field-titre{ + .field__item{ + color: $blue-dark; + font-weight: 900; + font-size: 2rem; + } + .field__label{ + visibility: hidden; + } + } + .inter-titre { + color: $blue-light; + text-transform: uppercase; + } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index 6731efd..e69de29 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -1,98 +0,0 @@ - - -// .node-type-static { -// // display: flex; -// // flex-direction: column; -// font-family: $font-family-default; -// .field--name-field-textes { -// display: flex; -// flex-direction: column; -// max-width: 50%; -// align-self: center; -// margin: auto; -// margin-left: 20%; -// margin-right: 30%; -// padding: 4rem; -// } -// .field--name-field-titre{ -// .field__item{ -// color: $blue-dark; -// font-weight: 900; -// font-size: 2rem; -// } -// .field__label{ -// visibility: hidden; -// } -// } -// .inter-titre { -// color: $blue-light; -// text-transform: uppercase; -// } - -// } - -// field field--name-field-liens field--type-link field--label-above - - -.field--name-field-liens { - // position: relative; - // position: sticky; - // clear: right; - float: right; - width: 20%; - margin-right: 10%; - margin-bottom: 2rem; - justify-items: center; - .ext { - display: flex; - flex-direction: row-reverse; - position: sticky; - height: fit-content; - font-weight: 900; - background-color: $blue-light; - color: $white; - text-decoration: none; - justify-content: left; - align-items: center; - padding: 0.2rem; - svg { - width: 70px; - height: 70px; - padding: 0; - padding-right: 1rem; - padding-left: 0.5rem; - padding-bottom: 1rem; - margin: 0; - fill: $black; - path, svg.mailto path { - stroke: $black; - stroke-width: 0.1px; - } - } - - } -} - -.field--name-field-fichiers { - position: relative; - clear: right; - float: right; - width: 20%; - margin-right: 10%; - - .file--mime-application-pdf { - display: flex; - height: fit-content; - font-weight: 900; - background-color: $blue-light; - color: $white; - justify-content: right; - align-items: center; - padding: 1rem; - a { - color: $white; - text-decoration: none; - // outline: none; - } - } -} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss index 3ed021e..58f27de 100644 --- a/web/themes/custom/eql/scss/partials/_footer.scss +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -4,7 +4,6 @@ #fotter-bottom{ display: flex; flex-direction: row; - justify-content: space-around; .region{ display: block; @@ -16,7 +15,7 @@ color: $blue-dark; } img{ - height: 50px; + height: 4rem; width: auto; } @@ -38,8 +37,19 @@ } } - - + .view-id-partenaires{ + .view-content{ + display: flex; + flex-direction: row; + justify-content:flex-start; + flex-wrap: wrap; + .node-type-partenaires_logo_footer_{ + padding-right: 1rem; + padding-bottom: 1rem; + } + } + } + // .twitter::before { diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index c6283df..32dcc6f 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -59,7 +59,7 @@ #block-burger { z-index: 1; background-color: $blue-light; - font-size: 0.7rem; + font-size: 0.5rem; color: $white; display: block; width: 7rem; @@ -86,32 +86,39 @@ } // ul {display: none;} - ul { - display: none; - width: 100vw; + .menuOpen:first-of-type{ + width: 500%; position: relative; - bottom:8%;; - left: calc(-30vw + 50%); - height: fit-content; - padding-bottom: 1rem; - padding-top: 1rem; - background-color: $blue-light; - line-height: 2rem; - list-style: none; - - .ul1 .sous-liste{ - left: calc(-50vw + 50%); - padding-top: 0; - a{ - opacity: 1; + right: 0; + } + ul { + display: none; + // width: 100vw; + // position: relative; + // bottom:8%;; + // left: calc(-30vw + 50%); + // height: fit-content; + // padding-bottom: 1rem; + // padding-top: 1rem; + background-color: $blue-light; + line-height: 2rem; + list-style: none; + + .ul1 .sous-liste{ + + // left: calc(-50vw + 50%); + // padding-top: 0; + a{ + opacity: 1; + } } - } - a{ - color: $white; - font-weight: 800; - font-size: 1.7rem; - opacity: 0.7; - } + a{ + color: $white; + font-weight: 800; + font-size: 1rem; + + } + } &.opened ul { display: block; diff --git a/web/themes/custom/eql/templates/partials/menu.html.twig b/web/themes/custom/eql/templates/partials/menu.html.twig index 7131476..dce54bb 100644 --- a/web/themes/custom/eql/templates/partials/menu.html.twig +++ b/web/themes/custom/eql/templates/partials/menu.html.twig @@ -41,6 +41,7 @@ {% macro menu_links(items, attributes, menu_level) %} {% import _self as menus %} +
{% if items %} {% if menu_level == 0 %} @@ -62,4 +63,5 @@ {#
#} {% endif %} + {% endmacro %}