From 9c76dfb888c565171a80f39d947a8e3bed7f891a Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 7 Apr 2022 10:31:59 +0200 Subject: [PATCH] design filtres /projets checkbox --- web/themes/custom/eql/css-compiled/styles.css | 15 +++++++++++++ .../custom/eql/scss/pages/_lesprojets.scss | 21 +++++++++++++++++++ 2 files changed, 36 insertions(+) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 1868ab3..729b5b6 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -2950,6 +2950,21 @@ a { border: none; padding: 0.1rem 0.7rem; margin-left: 1rem; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 input[type="checkbox"] { + display: none; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 input[type="checkbox"] + label::before { + content: ""; + display: inline-block; + width: 15px; + height: 15px; + background: #fff; + border-radius: 0px; + border-color: black; + border-style: solid; + border-width: 1px; + margin-right: 0.5rem; } + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 input[type="checkbox"]:checked + label::before { + background: #009ee3; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content { margin-top: 2rem; display: flex; diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index 3338b93..c04fd20 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -171,6 +171,27 @@ padding: 0.1rem 0.7rem; margin-left: 1rem; } + + input[type="checkbox"]{ + display: none; + } + input[type="checkbox"] + label::before{ + content:""; + display:inline-block; + width: 15px; + height: 15px; + background:#fff; + border-radius:0px; + border-color: rgba($color: #000000, $alpha: 1); + border-style: solid; + border-width: 1px; + margin-right: 0.5rem; + + } + input[type="checkbox"]:checked + label::before{ + background:$blue-light; + } + }