diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 36b3970..f3d8080 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -321,10 +321,12 @@ a { /*partials*/ .layout-container { - position: relative; } + position: absolute; } header { - position: sticky; } + display: block; + position: sticky; + top: 0; } #header-top { height: 7rem; @@ -407,19 +409,22 @@ header { #fotter-bottom { display: flex; + flex: 1 1 120px; flex-direction: row; } #fotter-bottom .region { display: block; padding-left: 1rem; - border-left: #009ee3 solid 1px; - padding-bottom: 2rem; } + padding-right: 1rem; + padding-bottom: 1rem; + border-left: #009ee3 solid 1px; } #fotter-bottom .region h2 { margin-top: 0; color: #09398b; } #fotter-bottom .region img { - height: 4rem; + height: 5rem; width: auto; } #fotter-bottom .region-footer-bottom-left { + width: 35%; border: none; } #fotter-bottom .region-footer-bottom-left #block-pieddepage ul { margin-top: 0; @@ -434,7 +439,11 @@ header { display: flex; flex-direction: row; justify-content: flex-start; - flex-wrap: wrap; } + 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 .block-views-blockpartenaires-block-2 img { + filter: grayscale(100%); + -webkit-filter: grayscale(100%); } diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss index 58f27de..f36fd7a 100644 --- a/web/themes/custom/eql/scss/partials/_footer.scss +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -3,25 +3,30 @@ #fotter-bottom{ display: flex; + flex: 1 1 120px; flex-direction: row; .region{ display: block; padding-left: 1rem; + padding-right: 1rem; + padding-bottom: 1rem; border-left: $blue-light solid 1px; - padding-bottom: 2rem; h2{ margin-top: 0; color: $blue-dark; } img{ - height: 4rem; + + height: 5rem; width: auto; + } } .region-footer-bottom-left{ + width: 35%; border: none; #block-pieddepage ul{ margin-top: 0; @@ -43,6 +48,7 @@ flex-direction: row; justify-content:flex-start; flex-wrap: wrap; + padding-top: 1rem; .node-type-partenaires_logo_footer_{ padding-right: 1rem; padding-bottom: 1rem; @@ -50,7 +56,12 @@ } } - + .block-views-blockpartenaires-block-2{ + img{ + filter: grayscale(100%); + -webkit-filter: grayscale(100%); + } + } // .twitter::before { // font-family: "Font Awesome 5 Brands"; content: "\f099"; diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index 495370a..876dcc9 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -1,9 +1,11 @@ .layout-container{ - position: relative; + position: absolute; } header{ +display: block; position: sticky; + top:0; } #header-top {