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

css filtres projets

Browse Source
This commit is contained in:
ouidade
2023-10-26 11:31:46 +02:00
parent 4a9096412f
commit 2d34e325ee
2 changed files with 31 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+14 -6
View File
@@ -3021,16 +3021,17 @@ a {
padding-bottom: 3rem; } } padding-bottom: 3rem; } }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before { .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; margin-right: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
width: 160px; } min-width: fit-content; }
@media (max-width: 479px) { @media (max-width: 479px) {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
padding-bottom: 1rem; } } padding-bottom: 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 { .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; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; } flex-wrap: wrap;
position: relative; }
.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 .form-item { .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 .form-item {
margin-right: 2rem; margin-right: 2rem;
margin-bottom: 2rem; } margin-bottom: 2rem; }
@@ -3076,19 +3077,26 @@ a {
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
border: none; border: none;
padding: 0.1rem 0.7rem; padding: 0.3rem 0.7rem; }
margin-left: 2rem; }
@media (max-width: 479px) { @media (max-width: 479px) {
.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 { .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 {
margin-left: 0rem; margin-left: 0rem;
margin-right: 2rem; } } margin-right: 2rem; } }
@media (min-width: 1495px) {
.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 {
position: absolute;
right: 150px; } }
.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 { .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; background-color: #009ee3;
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
border: none; border: none;
padding: 0.1rem 0.7rem; padding: 0.3rem 0.7rem;
margin-left: 1rem; } margin-left: 1rem; }
@media (min-width: 1495px) {
.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 {
position: absolute;
right: 0px; } }
.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"] { .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; } 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 { .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 {
web/themes/custom/eql/scss/pages/_lesprojets.scss
+17 -6
View File
@@ -125,9 +125,10 @@
&::before{ &::before{
content: 'Filtrer par :'; content: 'Filtrer par :';
margin-right: 1rem; margin-right: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
width: 160px; // width: 160px;
min-width: fit-content;
@media (max-width: 479px){ @media (max-width: 479px){
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@@ -138,6 +139,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
position: relative;
.form-item{ .form-item{
margin-right: 2rem; margin-right: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
@@ -195,21 +197,30 @@
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
border: none; border: none;
padding: 0.1rem 0.7rem; padding: 0.3rem 0.7rem;
margin-left: 2rem; // margin-left: 2rem;
@media (max-width: 479px){ @media (max-width: 479px){
margin-left: 0rem; margin-left: 0rem;
margin-right: 2rem; margin-right: 2rem;
} }
@media (min-width:1495px) {
// margin-left: 0;
position: absolute;
right: 150px;
}
} }
#edit-reset{ #edit-reset{
background-color: $blue-light; background-color: $blue-light;
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
border: none; border: none;
padding: 0.1rem 0.7rem; padding: 0.3rem 0.7rem;
margin-left: 1rem; margin-left: 1rem;
@media (min-width:1495px) {
position: absolute;
right: 0px;
}
} }
input[type="checkbox"]{ input[type="checkbox"]{