design filtres /projets /incubateur

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;

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;
+                                                    }
                                                 }
                         
                         

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;
+                                        }
                                     }