bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design filtres /projets /incubateur

Browse Source
This commit is contained in:
ouidade
2022-04-07 10:25:41 +02:00
parent e736db4cc0
commit f1bc4ffca9
3 changed files with 146 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+66 -2
View File
@@ -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
+40
View File
@@ -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
+40
View File
@@ -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;
}
}