Переглянути джерело

design filtres /projets checkbox

ouidade 2 роки тому
батько
коміт
9c76dfb888

+ 15 - 0
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;

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