diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 599751f..3b62d5c 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -799,8 +799,11 @@ header { position: fixed; z-index: 99; } -#block-socialnetwork-2 { - display: none; } +#block-socialnetwork-2 .field--name-body p { + display: flex; + flex-direction: row-reverse; } + #block-socialnetwork-2 .field--name-body p :nth-child(1):before { + content: url(); } #header-top { height: 7rem; @@ -923,8 +926,6 @@ header { flex-direction: row; background-color: white; padding-top: 3rem; } - #fotter-bottom #block-socialnetwork { - display: none; } #fotter-bottom .region { display: block; padding-left: 1rem; @@ -938,7 +939,7 @@ header { #fotter-bottom .region-footer-bottom-left { margin-left: 3rem; border: none; - width: 20%; + width: 30%; display: flex; flex-direction: row; } #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content { @@ -954,7 +955,17 @@ header { border-left: #009ee3 solid 1px; padding-left: 1rem; } #fotter-bottom .region-footer-bottom-right { - width: 15%; } + width: 15%; + display: flex; + flex-direction: column-reverse; + justify-content: flex-end; } + #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p { + display: flex; + flex-direction: row; } + #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p :nth-child(1):before { + display: block; + content: ""; + background: url("../images/pictos/logo-twitter.png"); } #fotter-bottom .region-footer-bottom-right #block-pieddepage ul { margin-top: 0; color: #09398b; @@ -972,8 +983,7 @@ header { display: flex; flex-direction: row; justify-content: flex-start; - flex-wrap: wrap; - padding-top: 1rem; } + flex-wrap: wrap; } #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/images/pictos/logo-twitter.png b/web/themes/custom/eql/images/pictos/logo-twitter.png new file mode 100644 index 0000000..a2b40bf Binary files /dev/null and b/web/themes/custom/eql/images/pictos/logo-twitter.png differ diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss index 3598ce7..307956a 100644 --- a/web/themes/custom/eql/scss/partials/_footer.scss +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -9,9 +9,7 @@ background-color: $white; padding-top: 3rem; - #block-socialnetwork { - display: none; - } + .region{ display: block; @@ -29,7 +27,7 @@ .region-footer-bottom-left{ margin-left: 3rem; border: none; - width: 20%; + width: 30%; display: flex; flex-direction: row; .view-id-partenaires{ @@ -54,6 +52,25 @@ .region-footer-bottom-right{ width: 15%; + display: flex; + flex-direction: column-reverse; + justify-content: flex-end; + #block-socialnetwork { + .field--name-body{ + p{ + display: flex; + flex-direction: row; + :nth-child(1){ + &:before{ + display: block; + content: ""; + background: url("../images/pictos/logo-twitter.png"); + } + } + + } + } + } #block-pieddepage ul{ margin-top: 0; color: $blue-dark; @@ -82,7 +99,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; diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index aa91583..89bae91 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -13,7 +13,18 @@ header{ #block-socialnetwork-2{ - display: none; + .field--name-body{ + p{ + display: flex; + flex-direction: row-reverse; + :nth-child(1){ + &:before{ + content: url(); + } + } + + } + } } #header-top { height: 7rem;