From 0f4c33010eb843c728cc67caf722800f97d1a7a6 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 18 Mar 2025 14:19:51 +0100 Subject: [PATCH] background /actualites --- .../dist/assets/css/bundle.css | 61 +++++-------------- .../assets/scss/global/variables/_colors.scss | 2 +- .../src/assets/scss/pages/actualites.scss | 20 ++++-- .../src/assets/scss/partials/_aside.scss | 61 ++----------------- 4 files changed, 37 insertions(+), 107 deletions(-) diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 277e53a..1bd9929 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -805,9 +805,9 @@ footer { .layout-sidebar-first { width: 25%; position: fixed; - left: 3%; - top: 200px; - z-index: 98; + top: 250px; + margin: 1rem 2rem; + background-color: transparent; } @media (max-width: 891px) { .layout-sidebar-first { @@ -821,45 +821,6 @@ footer { margin-top: 3rem; } } -.layout-sidebar-first #toTop-aside { - margin: auto; - background-color: #fff; - border-top-left-radius: 10%; - border-top-right-radius: 10%; - padding-bottom: 0.5rem; -} -.layout-sidebar-first #toTop-aside .arrow-up { - font-size: 1.7rem; - line-height: 2.5rem; - text-align: center; - width: 3rem; - height: 2rem; - display: inline-block; - text-align: top; -} -.layout-sidebar-first #toTop-aside .arrow-up::before { - content: url(../img/up-arrow.svg); - width: 50%; -} -.layout-sidebar-first .sidebar_first_container { - padding-top: 4em; - flex-direction: column; - width: 50%; - font-weight: 400; -} -.layout-sidebar-first .sidebar_first_container .field-content { - margin-bottom: 0.5rem; - font-size: 0.5rem; -} -@media (max-width: 810px) { - .layout-sidebar-first .sidebar_first_container { - display: none; - } -} -.layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-block-1 { - order: 1; - text-transform: uppercase; -} #logo-animated-container { width: 60%; @@ -4136,10 +4097,14 @@ main { #actualites { background-color: #f6f7f3; } +#actualites .layout-container main { + padding-top: 250px; +} #actualites .layout-content .content_container { display: flex; flex-direction: column; align-items: center; + background-color: white; } #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage { margin-top: 3rem; @@ -4160,17 +4125,15 @@ main { font-size: 2rem; font-family: "gilroy-medium"; } -#actualites .layout-content .content_container .views-element-container { - margin-left: 20%; - width: 65%; -} #actualites .layout-content .content_container .views-element-container .view-rows-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; + background-color: white; } #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row { - width: 100%; + width: 60%; + margin-left: 30%; font-size: 0.5rem; margin-bottom: 2rem; padding-bottom: 1rem; @@ -4374,4 +4337,8 @@ main { } #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .toggle-actualite.open { transform: rotate(180deg); +} +#actualites .layout-content .content_container .views-element-container footer .view-rows-wrapper { + width: 100%; + background-color: #f6f7f3; } \ No newline at end of file diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/variables/_colors.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/variables/_colors.scss index bdb7056..741d009 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/variables/_colors.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/variables/_colors.scss @@ -10,5 +10,5 @@ $bleu_fond_header: rgb(232, 235, 244); $red_QDD: rgb(247, 0, 43); $blue_QDD: rgb(7, 50, 194); - +$background-gris:#f6f7f3; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss index 806eb91..84c4e70 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss @@ -1,13 +1,17 @@ #actualites{ background-color: #f6f7f3; - + .layout-container main{ + padding-top: $header-height-big; + } + .layout-content{ // padding-top: 1rem; .content_container{ display: flex; flex-direction: column; align-items: center; + background-color: white; #block-quartiers-de-demain-titredepage{ margin-top: 3rem; @@ -29,17 +33,21 @@ } .views-element-container{ - margin-left: 20%; - width: 65%; + + .view-rows-wrapper{ display: flex; flex-direction: column; flex-wrap: wrap; + background-color: white; + // margin-left: 20%; + .views-row{ - width: 100%; + width: 60%; + margin-left: 30%; font-size: 0.5rem; margin-bottom: 2rem; padding-bottom: 1rem; @@ -269,6 +277,10 @@ } } + footer .view-rows-wrapper{ + width: 100%; + background-color: $background-gris; + } } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss index 153b475..2f1114b 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss @@ -2,9 +2,11 @@ width: 25%; // display: flex; position: fixed; - left: 3%; - top: 200px; - z-index: 98; + // left: 3%; + top: $header-height-big; + // z-index: 98; + margin: 1rem 2rem; + background-color: transparent; @media(max-width:891px){ margin-left: 5%; @@ -14,55 +16,4 @@ width: 80%; margin-top: 3rem; } - #toTop-aside{ - margin: auto; - background-color: #fff; - border-top-left-radius: 10%; - border-top-right-radius: 10%; - padding-bottom: 0.5rem; - .arrow-up{ - font-size: 1.7rem; - line-height: 2.5rem; - text-align: center; - width: 3rem; - height: 2rem; - display: inline-block; - text-align: top; - &::before{ - content:url(../img/up-arrow.svg) ; - width: 50%; - } - // .fa{ - // color: #fff; - // } - } - - } - .sidebar_first_container{ - // display: none; WHY ?? - // display: flex; - padding-top: 4em; - flex-direction: column; - width: 50%; - font-weight: 400; - .field-content{ - margin-bottom: 0.5rem; - font-size: 0.5rem; - } - @media (max-width: 810px){ - display: none; - } - - #block-quartiers-de-demain-views-block-statics-block-1{ - order: 1; - text-transform: uppercase; - - } - } -} - -// .sticky-menu{ -// position: sticky; -// position: -webkit-sticky; -// top: 10rem; -// } \ No newline at end of file +} \ No newline at end of file