From 28a2b6394033ad1f3e07581f8159115596811872 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 5 Mar 2024 22:56:25 +0100 Subject: [PATCH] arrow to the top --- .../css/quartiers_de_demain.css | 62 +++++++++++++------ .../scss/pages/_presentation.scss | 37 ++++++++++- .../scss/partials/_aside.scss | 44 ++++++------- .../scss/partials/_footer.scss | 31 +++++++++- .../templates/page--node--6.html.twig | 6 +- .../templates/page--partenaires.html.twig | 4 +- .../templates/page.html.twig | 4 +- 7 files changed, 140 insertions(+), 48 deletions(-) diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css index 1908f61..f12c643 100644 --- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css +++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css @@ -283,6 +283,26 @@ header { header .open-block.opened > div > span:nth-child(3) { display: none; } +footer span.totop { + display: inline-flex; + width: 100vw; } + footer span.totop #toTop { + margin: auto; + background-color: #fff; + border-top-left-radius: 10%; + border-top-right-radius: 10%; + padding-bottom: 0.5rem; } + footer span.totop #toTop .fa-arrow-up { + font-size: 1.7rem; + line-height: 2.5rem; + text-align: center; + width: 3rem; + height: 2rem; + display: inline-block; + text-align: top; } + footer span.totop #toTop .fa-arrow-up .fa { + color: #fff; } + .footer { display: grid; grid-template-columns: repeat(12, 1fr); @@ -392,23 +412,6 @@ header { .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-block-1 { order: 1; text-transform: uppercase; } - .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 { - order: 2; - border-top: 2px solid #0732c2; - padding-top: 0.3rem; } - .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes { - display: flex; - flex-direction: row; } - .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes::before { - content: url(../images/noun-arrow-download.svg); - padding-right: 00.3rem; } - .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content { - display: flex; - flex-direction: column; - font-size: 0.6rem; - font-weight: 800; } - .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content span { - font-weight: 400; } /*pages*/ #home { @@ -620,6 +623,23 @@ header { width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); } + #presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 { + order: 2; + border-top: 2px solid #0732c2; + padding-top: 0.3rem; } + #presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes { + display: flex; + flex-direction: row; } + #presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes::before { + content: url(../images/noun-arrow-download.svg); + padding-right: 00.3rem; } + #presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content { + display: flex; + flex-direction: column; + font-size: 0.6rem; + font-weight: 800; } + #presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content span { + font-weight: 400; } #presentation .layout-content { grid-row: 1; order: 2; @@ -628,7 +648,8 @@ header { #presentation .layout-content { padding-top: 0; } } #presentation .layout-content .content_container { - display: flex; } + display: flex; + margin-bottom: 0; } #presentation .layout-content .content_container #block-quartiers-de-demain-titredepage { display: none; } #presentation .layout-content .content_container article.node-type-static { @@ -761,6 +782,11 @@ header { cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-out; overflow-x: scroll; } +.presentation footer span.totop { + display: inline-flex; + width: 100vw; + background: #e8ebf4; } + .node-type-static .layout-content { grid-row: 1; } .node-type-static .layout-content .content_container { diff --git a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss index 8647f0c..cd01018 100644 --- a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss +++ b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss @@ -4,6 +4,31 @@ display: grid; grid-template-columns: repeat(12, 1fr); // grid-gap: 10px; + + #block-quartiers-de-demain-views-block-statics-fields-block-1{ + order: 2; + border-top: 2px solid $blue_QDD; + padding-top: 0.3rem; + .views-field-field-pieces-jointes{ + display: flex; + flex-direction: row; + &::before{ + content: url(../images/noun-arrow-download.svg); + padding-right: 00.3rem; + } + .field-content{ + display: flex; + flex-direction: column; + font-size: 0.6rem; + font-weight: 800; + span{ + font-weight: 400; + } + + } + } + + } .layout-content{ // grid-column: 3 / 11; @@ -16,6 +41,7 @@ } .content_container{ display: flex; + margin-bottom: 0; #block-quartiers-de-demain-titredepage{ display: none; } @@ -197,9 +223,16 @@ } } } - } + } + } - +.presentation footer{ + span.totop { + display: inline-flex; + width: 100vw; + background: $bleu_fond_header; + } +} diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss index 189630e..c5c5e98 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss @@ -34,30 +34,30 @@ order: 1; text-transform: uppercase; } - #block-quartiers-de-demain-views-block-statics-fields-block-1{ - order: 2; - border-top: 2px solid $blue_QDD; - padding-top: 0.3rem; - .views-field-field-pieces-jointes{ - display: flex; - flex-direction: row; - &::before{ - content: url(../images/noun-arrow-download.svg); - padding-right: 00.3rem; - } - .field-content{ - display: flex; - flex-direction: column; - font-size: 0.6rem; - font-weight: 800; - span{ - font-weight: 400; - } + // #block-quartiers-de-demain-views-block-statics-fields-block-1{ + // order: 2; + // border-top: 2px solid $blue_QDD; + // padding-top: 0.3rem; + // .views-field-field-pieces-jointes{ + // display: flex; + // flex-direction: row; + // &::before{ + // content: url(../images/noun-arrow-download.svg); + // padding-right: 00.3rem; + // } + // .field-content{ + // display: flex; + // flex-direction: column; + // font-size: 0.6rem; + // font-weight: 800; + // span{ + // font-weight: 400; + // } - } - } + // } + // } - } + // } } diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss index b8c1680..753a6dd 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss @@ -1,3 +1,31 @@ +footer{ + span.totop { + display: inline-flex; + width: 100vw; + // background: $bleu_fond_header; + #toTop{ + margin: auto; + background-color: #fff; + border-top-left-radius: 10%; + border-top-right-radius: 10%; + padding-bottom: 0.5rem; + .fa-arrow-up{ + font-size: 1.7rem; + line-height: 2.5rem; + text-align: center; + // background: $footer-bg; + width: 3rem; + height: 2rem; + display: inline-block; + text-align: top; + .fa{ + color: #fff; + } + } + + } + } +} .footer{ display: grid; grid-template-columns: repeat(12, 1fr); @@ -15,9 +43,8 @@ } @media(max-width: 600px){ flex-wrap: nowrap; - } + } - #footer-left{ grid-column: 1 /span 5; grid-row: 1; diff --git a/web/themes/custom/quartiers_de_demain/templates/page--node--6.html.twig b/web/themes/custom/quartiers_de_demain/templates/page--node--6.html.twig index 584f5da..aeab1b7 100644 --- a/web/themes/custom/quartiers_de_demain/templates/page--node--6.html.twig +++ b/web/themes/custom/quartiers_de_demain/templates/page--node--6.html.twig @@ -39,7 +39,7 @@ * @see html.html.twig */ #} -
+
{{ page.header_left }} @@ -79,7 +79,9 @@ {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}