bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css filtres

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-24 14:57:24 +01:00
parent 9dedde9ff1
commit aec8acb16f
6 changed files with 161 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -609,6 +609,7 @@ header .header:hover + .header_nav_container {
footer { footer {
z-index: 100; z-index: 100;
margin-top: 3rem;
} }
.footer { .footer {
@ -814,34 +815,72 @@ footer {
margin-top: 3rem; margin-top: 3rem;
} }
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 {
background-color: white;
padding: 0.3rem 1rem 1rem 1rem;
width: 100%;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2 { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2 {
text-transform: uppercase; text-transform: uppercase;
font-family: "gilroy-medium"; font-family: "gilroy-medium";
font-size: 0.7rem; font-size: 0.7rem;
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2::after,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2::after { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2::after {
content: " :"; content: " :";
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 label { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select,
text-transform: lowercase; .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-bottom: 0.5rem;
border-bottom: solid black 0.5px;
padding-top: 0.5rem;
font-size: 0.7rem; font-size: 0.7rem;
font-family: "gilroy-light"; font-family: "gilroy-light";
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2 { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select label,
text-transform: uppercase; .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select label {
font-family: "gilroy-medium"; width: 50%;
font-size: 0.7rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2::after {
content: " :";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 label {
text-transform: lowercase; text-transform: lowercase;
font-size: 0.7rem;
font-family: "gilroy-light";
padding-bottom: 0.2rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select select,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select select {
background-color: white;
border: none;
width: 50%;
font-size: 0.6rem; font-size: 0.6rem;
font-family: "gilroy-light"; font-family: "gilroy-medium";
padding-bottom: 0.2rem;
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-select#edit-field-mots-clefs-target-id--2 { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label,
max-width: 100%; .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label {
text-transform: lowercase;
font-size: 0.7rem;
font-family: "gilroy-light";
padding-bottom: 0.2rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions {
padding-top: 1rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions input,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions input {
background-color: white;
border: solid black 0.5px;
width: 45%;
padding: 0.3rem 0.2rem;
font-size: 0.7rem;
font-family: "gilroy-light";
} }
#logo-animated-container { #logo-animated-container {
@ -3902,6 +3941,7 @@ main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 2rem;
} }
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage { #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 3rem; margin-top: 3rem;

1
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
View File

@ -9,6 +9,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 2rem;
#block-quartiers-de-demain-titredepage{ #block-quartiers-de-demain-titredepage{
margin-top: 3rem; margin-top: 3rem;

63
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss
View File

@ -1,63 +0,0 @@
.layout-sidebar-first{
width: 20%;
// display: flex;
position: fixed;
// left: 3%;
top: $header-height-big;
// z-index: 98;
margin: 1rem 2rem;
background-color: transparent;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
}
@media (max-width:500px) {
width: 80%;
margin-top: 3rem;
}
#block-quartiers-de-demain-formulaireexposeactuspage-1{
h2{
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
&::after{
content: ' :';
}
}
label{
text-transform: lowercase;
font-size: 0.7rem;
font-family: 'gilroy-light';
}
.form-select #edit-field-type-d-actualite-target-id--2{
}
input #edit-submit-actus--2{
}
}
#block-quartiers-de-demain-formulaireexposeressourcespage-1{
h2{
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
&::after{
content: ' :';
}
}
label{
text-transform: lowercase;
font-size: 0.6rem;
font-family: 'gilroy-light';
}
.form-select#edit-field-mots-clefs-target-id--2{
max-width: 100%;
}
}
}

99
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss Normal file
View File

@ -0,0 +1,99 @@
.layout-sidebar-first{
width: 20%;
// display: flex;
position: fixed;
// left: 3%;
top: $header-height-big;
// z-index: 98;
margin: 1rem 2rem;
background-color: transparent;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
}
@media (max-width:500px) {
width: 80%;
margin-top: 3rem;
}
// #block-quartiers-de-demain-formulaireexposeactuspage-1{
// h2{
// text-transform: uppercase;
// font-family: "gilroy-medium";
// font-size: 0.7rem;
// &::after{
// content: ' :';
// }
// }
// label{
// text-transform: lowercase;
// font-size: 0.7rem;
// font-family: 'gilroy-light';
// }
// }
#block-quartiers-de-demain-formulaireexposeressourcespage-1,
#block-quartiers-de-demain-formulaireexposeactuspage-1{
background-color: white;
padding: 0.3rem 1rem 1rem 1rem;
width: 100%;
h2{
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
&::after{
content: ' :';
}
}
.js-form-type-select{
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-bottom: 0.5rem;
border-bottom: solid black 0.5px ;
padding-top: 0.5rem;
font-size: 0.7rem;
font-family: 'gilroy-light';
label{
width: 50%;
text-transform: lowercase;
font-size: 0.7rem;
font-family: 'gilroy-light';
padding-bottom: 0.2rem;
}
select{
background-color: white;
border: none;
width: 50%;
font-size: 0.6rem;
font-family: 'gilroy-medium';
padding-bottom: 0.2rem;
}
}
.js-form-type-textfield{
label{
text-transform: lowercase;
font-size: 0.7rem;
font-family: 'gilroy-light';
padding-bottom: 0.2rem;
}
}
.form-actions{
padding-top:1rem ;
display: flex;
flex-direction: row;
justify-content: space-between;
input{
background-color: white;
border: solid black 0.5px;
width: 45%;
padding: 0.3rem 0.2rem;
font-size: 0.7rem;
font-family: 'gilroy-light';
}
}
}
}

1
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
View File

@ -1,5 +1,6 @@
footer{ footer{
z-index: 100; z-index: 100;
margin-top: 3rem;
} }
.footer{ .footer{
display: flex; display: flex;

12
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/lightbox.scss
View File

@ -67,13 +67,13 @@ body {
// right: 30px; // right: 30px;
// } // }
#lightbox .prev, #lightbox .prev,
#lightbox .next { #lightbox .next {
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
z-index: 10; z-index: 10;
cursor: pointer; cursor: pointer;
} }
#lightbox .prev img, #lightbox .prev img,