From de628d6ef9449c081291b3a11c8c4c85e3db029a Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 26 Sep 2024 22:54:53 +0200 Subject: [PATCH 1/3] calendrier --- .../custom/quartiers_de_demain/dist/assets/css/bundle.css | 1 + .../src/assets/scss/partials/formes-animees.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) 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 ffed547..f4bbbff 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 @@ -1509,6 +1509,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h } #home #background-animated { + display: none; position: absolute; top: 2000px; left: 350px; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss index 4d2650d..eb5bf0c 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss @@ -1,7 +1,7 @@ #home{ #background-animated { - // display: none; + display: none; position: absolute; top: 2000px; left: 350px; From ebc164c1a4db54e2b6d11a874a34258d61e56485 Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 26 Sep 2024 23:06:41 +0200 Subject: [PATCH 2/3] calendrier --- .../custom/quartiers_de_demain/dist/assets/css/bundle.css | 2 +- .../quartiers_de_demain/src/assets/scss/partials/timeline.scss | 2 +- 2 files changed, 2 insertions(+), 2 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 f4bbbff..9e020b5 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 @@ -1296,7 +1296,7 @@ footer { font-family: "gilroy-regular"; } #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .text .field_field_description p { - font-size: 0.7rem !important; + font-size: 0.65rem !important; margin: 0; } @media (max-width: 1090px) { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss index 81053f2..9e82140 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss @@ -186,7 +186,7 @@ .field_field_description{ font-family: 'gilroy-regular'; p{ - font-size: 0.7rem !important; + font-size: 0.65rem !important; margin: 0; @media(max-width:1090px){ font-size: 1rem !important; From 643ccb8adfea5763a8ea05c02fb5690a92c6982c Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 26 Sep 2024 23:26:58 +0200 Subject: [PATCH 3/3] liens site --- .../dist/assets/css/bundle.css | 56 ++++++++++++----- .../src/assets/scss/pages/node-type-site.scss | 62 ++++++++++++++----- 2 files changed, 86 insertions(+), 32 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 9e020b5..afc0e9d 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 @@ -2801,6 +2801,12 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first { width: 100%; } +.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container { + margin-bottom: 3rem; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--first div { + margin-bottom: 0.5rem; +} @media (max-width: 500px) { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) { margin-top: 1rem; @@ -2810,36 +2816,56 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h display: none; } .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf { - background-color: black; - color: white; - font-size: 0.4rem; - text-transform: uppercase; + width: fit-content; + padding-left: 0.5rem; + background: black; } -@media (max-width: 500px) { +@media (max-width: 810px) { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf { - font-size: 0.8rem; + margin-left: 0; } } .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a { + display: inline-flex; + align-items: center; color: white; - padding: 0.5rem 0.3rem; + text-transform: uppercase; + font-size: 0.6rem; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a svg { + display: none; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a::after { + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; } .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div { - background-color: black; - color: white; - font-size: 0.4rem; - text-transform: uppercase; width: fit-content; + padding-left: 0.5rem; + background: black; } -@media (max-width: 500px) { +@media (max-width: 810px) { .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div { - margin-top: 0.5rem; - font-size: 0.8rem; + margin-left: 0; } } .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a { + display: inline-flex; + align-items: center; color: white; - padding: 0.5rem 0.3rem; + text-transform: uppercase; + font-size: 0.6rem; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a svg { + display: none; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a::after { + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; } .node-type-site .layout--threecol-25-50-25 .layout__region--second { flex: 0 1 80%; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss index df415c5..cf93687 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss @@ -20,9 +20,13 @@ align-items: center; .block-region-first{ width: 100%; + .views-element-container{ + margin-bottom: 3rem; + } } div{ // width: fit-content; + margin-bottom: 0.5rem; } div:has(.field_field_documents){ @media(max-width: 500px){ @@ -33,34 +37,58 @@ display: none; } .file--mime-application-pdf{ - background-color: black; - color: white; - font-size: 0.4rem; - text-transform: uppercase; - @media(max-width: 500px){ - font-size: 0.8rem; + width: fit-content; + padding-left: 0.5rem; + background: black; + @media (max-width:810px) { + margin-left: 0; } + a{ + display: inline-flex; + align-items: center; color: white; - padding: 0.5rem 0.3rem; - } + text-transform: uppercase; + font-size: 0.6rem; + svg{ + display: none; + } + &::after{ + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; + + } + } } } .field_field_liens_site div div{ - background-color: black; - color: white; - font-size: 0.4rem; - text-transform: uppercase; width: fit-content; - @media(max-width: 500px){ - margin-top: 0.5rem; - font-size: 0.8rem; + padding-left: 0.5rem; + background: black; + @media (max-width:810px) { + margin-left: 0; } + a{ + display: inline-flex; + align-items: center; color: white; - padding: 0.5rem 0.3rem; - } + text-transform: uppercase; + font-size: 0.6rem; + svg{ + display: none; + } + &::after{ + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; + + } + } } } .layout__region--second{