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

responsive filtre actu

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-04-08 22:25:08 +02:00
parent 817162241a
commit 6258b50304
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -890,7 +890,7 @@ footer {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
} }
@ -982,6 +982,12 @@ footer {
height: 25px; height: 25px;
width: 96%; width: 96%;
} }
@media (max-width: 810px) {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield.js-form-item,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield.js-form-item {
flex-direction: column;
}
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions {
padding-top: 1rem; padding-top: 1rem;

7
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
View File

@ -54,7 +54,7 @@
@media(max-width: 810px){ @media(max-width: 810px){
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
label{ label{
@ -133,6 +133,11 @@
height: 25px; height: 25px;
width: 96%; width: 96%;
} }
&.js-form-item{
@media(max-width: 810px){
flex-direction: column;
}
}
} }
.form-actions{ .form-actions{
padding-top:1rem ; padding-top:1rem ;