From aec8acb16f5620b7207fd8c133ee65ac3237fb78 Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 24 Mar 2025 14:57:24 +0100 Subject: [PATCH] css filtres --- .../dist/assets/css/bundle.css | 68 ++++++++++--- .../src/assets/scss/pages/ressources.scss | 1 + .../src/assets/scss/partials/_aside.scss | 63 ------------ .../src/assets/scss/partials/aside.scss | 99 +++++++++++++++++++ .../src/assets/scss/partials/footer.scss | 1 + .../src/assets/scss/partials/lightbox.scss | 12 +-- 6 files changed, 161 insertions(+), 83 deletions(-) delete mode 100644 web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss create mode 100644 web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss 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 ac8c072..3e67016 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 @@ -609,6 +609,7 @@ header .header:hover + .header_nav_container { footer { z-index: 100; + margin-top: 3rem; } .footer { @@ -814,34 +815,72 @@ footer { margin-top: 3rem; } } +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1, +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 { + background-color: white; + padding: 0.3rem 1rem 1rem 1rem; + width: 100%; +} +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2 { text-transform: uppercase; font-family: "gilroy-medium"; font-size: 0.7rem; } +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2::after, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2::after { content: " :"; } -.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 label { - text-transform: lowercase; +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select, +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select { + display: flex; + flex-direction: row; + justify-content: space-evenly; + margin-bottom: 0.5rem; + border-bottom: solid black 0.5px; + padding-top: 0.5rem; font-size: 0.7rem; font-family: "gilroy-light"; } -.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2 { - text-transform: uppercase; - font-family: "gilroy-medium"; - font-size: 0.7rem; -} -.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2::after { - content: " :"; -} -.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 label { +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select label, +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select label { + width: 50%; text-transform: lowercase; + font-size: 0.7rem; + font-family: "gilroy-light"; + padding-bottom: 0.2rem; +} +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select select, +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select select { + background-color: white; + border: none; + width: 50%; font-size: 0.6rem; - font-family: "gilroy-light"; + font-family: "gilroy-medium"; + padding-bottom: 0.2rem; } -.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-select#edit-field-mots-clefs-target-id--2 { - max-width: 100%; +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label, +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label { + text-transform: lowercase; + font-size: 0.7rem; + font-family: "gilroy-light"; + padding-bottom: 0.2rem; +} +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions, +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions { + padding-top: 1rem; + display: flex; + flex-direction: row; + justify-content: space-between; +} +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions input, +.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions input { + background-color: white; + border: solid black 0.5px; + width: 45%; + padding: 0.3rem 0.2rem; + font-size: 0.7rem; + font-family: "gilroy-light"; } #logo-animated-container { @@ -3902,6 +3941,7 @@ main { display: flex; flex-direction: column; align-items: center; + margin: 2rem; } #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage { margin-top: 3rem; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss index 4619b87..acff924 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss @@ -9,6 +9,7 @@ display: flex; flex-direction: column; align-items: center; + margin: 2rem; #block-quartiers-de-demain-titredepage{ margin-top: 3rem; 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 deleted file mode 100644 index b0621d3..0000000 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss +++ /dev/null @@ -1,63 +0,0 @@ -.layout-sidebar-first{ - width: 20%; - // display: flex; - position: fixed; - // left: 3%; - top: $header-height-big; - // z-index: 98; - margin: 1rem 2rem; - background-color: transparent; - - @media(max-width:891px){ - margin-left: 5%; - margin-top: 9rem; - } - @media (max-width:500px) { - width: 80%; - margin-top: 3rem; - } - - - #block-quartiers-de-demain-formulaireexposeactuspage-1{ - h2{ - text-transform: uppercase; - font-family: "gilroy-medium"; - font-size: 0.7rem; - &::after{ - content: ' :'; - } - } - label{ - text-transform: lowercase; - font-size: 0.7rem; - font-family: 'gilroy-light'; - } - .form-select #edit-field-type-d-actualite-target-id--2{ - } - - input #edit-submit-actus--2{ - - } - } - - #block-quartiers-de-demain-formulaireexposeressourcespage-1{ - h2{ - text-transform: uppercase; - font-family: "gilroy-medium"; - font-size: 0.7rem; - &::after{ - content: ' :'; - } - } - label{ - text-transform: lowercase; - font-size: 0.6rem; - font-family: 'gilroy-light'; - } - - .form-select#edit-field-mots-clefs-target-id--2{ - max-width: 100%; - } - - } -} \ No newline at end of file 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 new file mode 100644 index 0000000..bd9f27c --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss @@ -0,0 +1,99 @@ +.layout-sidebar-first{ + width: 20%; + // display: flex; + position: fixed; + // left: 3%; + top: $header-height-big; + // z-index: 98; + margin: 1rem 2rem; + background-color: transparent; + + @media(max-width:891px){ + margin-left: 5%; + margin-top: 9rem; + } + @media (max-width:500px) { + width: 80%; + margin-top: 3rem; + } + + + // #block-quartiers-de-demain-formulaireexposeactuspage-1{ + // h2{ + // text-transform: uppercase; + // font-family: "gilroy-medium"; + // font-size: 0.7rem; + // &::after{ + // content: ' :'; + // } + // } + // label{ + // text-transform: lowercase; + // font-size: 0.7rem; + // font-family: 'gilroy-light'; + // } + // } + + #block-quartiers-de-demain-formulaireexposeressourcespage-1, + #block-quartiers-de-demain-formulaireexposeactuspage-1{ + background-color: white; + padding: 0.3rem 1rem 1rem 1rem; + width: 100%; + h2{ + text-transform: uppercase; + font-family: "gilroy-medium"; + font-size: 0.7rem; + &::after{ + content: ' :'; + } + } + .js-form-type-select{ + display: flex; + flex-direction: row; + justify-content: space-evenly; + margin-bottom: 0.5rem; + border-bottom: solid black 0.5px ; + padding-top: 0.5rem; + font-size: 0.7rem; + font-family: 'gilroy-light'; + label{ + width: 50%; + text-transform: lowercase; + font-size: 0.7rem; + font-family: 'gilroy-light'; + padding-bottom: 0.2rem; + } + select{ + background-color: white; + border: none; + width: 50%; + font-size: 0.6rem; + font-family: 'gilroy-medium'; + padding-bottom: 0.2rem; + } + } + .js-form-type-textfield{ + label{ + + text-transform: lowercase; + font-size: 0.7rem; + font-family: 'gilroy-light'; + padding-bottom: 0.2rem; + } + } + .form-actions{ + padding-top:1rem ; + display: flex; + flex-direction: row; + justify-content: space-between; + input{ + background-color: white; + border: solid black 0.5px; + width: 45%; + padding: 0.3rem 0.2rem; + font-size: 0.7rem; + font-family: 'gilroy-light'; + } + } + } +} \ No newline at end of file diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss index 96ab65f..f749843 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss @@ -1,5 +1,6 @@ footer{ z-index: 100; + margin-top: 3rem; } .footer{ display: flex; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/lightbox.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/lightbox.scss index db650cd..9cb344f 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/lightbox.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/lightbox.scss @@ -67,13 +67,13 @@ body { // right: 30px; // } - #lightbox .prev, +#lightbox .prev, #lightbox .next { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 10; - cursor: pointer; +position: absolute; +top: 50%; +transform: translateY(-50%); +z-index: 10; +cursor: pointer; } #lightbox .prev img,