From f1bc4ffca93e916c3b72397dc5f558d2ae63cb1b Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 7 Apr 2022 10:25:41 +0200 Subject: [PATCH] design filtres /projets /incubateur --- web/themes/custom/eql/css-compiled/styles.css | 68 ++++++++++++++++++- .../custom/eql/scss/pages/_incubateur.scss | 40 +++++++++++ .../custom/eql/scss/pages/_lesprojets.scss | 40 +++++++++++ 3 files changed, 146 insertions(+), 2 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index c67f4a6..1868ab3 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -2908,7 +2908,8 @@ a { display: flex; flex-direction: row; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before { - content: 'Filtrer par:'; } + content: 'Filtrer par:'; + margin-right: 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 { display: flex; flex-direction: row; } @@ -2918,6 +2919,37 @@ a { 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 .js-form-type-textfield label { 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="radio"] { + 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="radio"] + 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="radio"]:checked + label::before { + background: #009ee3; } + .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 label { + padding-right: 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 #edit-submit-projets { + background-color: #009ee3; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 2rem; } + .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 #edit-reset { + background-color: #009ee3; + color: white; + text-transform: uppercase; + 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-content { margin-top: 2rem; display: flex; @@ -3386,7 +3418,8 @@ a { display: flex; flex-direction: row; } .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters::before { - content: 'Filtrer par:'; } + content: 'Filtrer par:'; + margin-right: 1rem; } .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 { display: flex; flex-direction: row; } @@ -3396,6 +3429,37 @@ a { display: none; } .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 .js-form-type-textfield label { display: none; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 input[type="radio"] { + display: none; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 input[type="radio"] + 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-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 input[type="radio"]:checked + label::before { + background: #009ee3; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 label { + padding-right: 1rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 #edit-submit-projets { + background-color: #009ee3; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 2rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 #edit-reset { + background-color: #009ee3; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 1rem; } .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-content { margin-top: 2rem; display: flex; diff --git a/web/themes/custom/eql/scss/pages/_incubateur.scss b/web/themes/custom/eql/scss/pages/_incubateur.scss index 76b38f1..f29a14e 100644 --- a/web/themes/custom/eql/scss/pages/_incubateur.scss +++ b/web/themes/custom/eql/scss/pages/_incubateur.scss @@ -313,6 +313,7 @@ flex-direction: row; &::before{ content: 'Filtrer par:'; + margin-right: 1rem; } #views-exposed-form-projets-block-3{ // width: 100%; @@ -327,6 +328,45 @@ .js-form-type-textfield{ label{display: none;} } + input[type="radio"]{ + display: none; + } + input[type="radio"] + 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="radio"]:checked + label::before{ + background:$blue-light; + } + label{ + padding-right: 1rem; + } + #edit-submit-projets{ + background-color: $blue-light; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 2rem; + + } + #edit-reset{ + background-color: $blue-light; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 1rem; + } } diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index 5ca7225..3338b93 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -118,6 +118,7 @@ flex-direction: row; &::before{ content: 'Filtrer par:'; + margin-right: 1rem; } #views-exposed-form-projets-block-1{ display: flex; @@ -131,6 +132,45 @@ .js-form-type-textfield{ label{display: none;} } + input[type="radio"]{ + display: none; + } + input[type="radio"] + 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="radio"]:checked + label::before{ + background:$blue-light; + } + label{ + padding-right: 1rem; + } + #edit-submit-projets{ + background-color: $blue-light; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 2rem; + + } + #edit-reset{ + background-color: $blue-light; + color: white; + text-transform: uppercase; + border: none; + padding: 0.1rem 0.7rem; + margin-left: 1rem; + } }