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

margin aside

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-31 09:44:58 +02:00
parent d35a3a3140
commit 10a03d4cd3
2 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -805,7 +805,6 @@ footer {
width: 20%; width: 20%;
position: fixed; position: fixed;
top: 250px; top: 250px;
margin: 1rem 2rem;
background-color: transparent; background-color: transparent;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
@ -813,6 +812,8 @@ footer {
position: relative; position: relative;
width: 80%; width: 80%;
top: 160px; top: 160px;
margin: auto;
margin-top: 1rem;
} }
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1,
@ -826,6 +827,8 @@ footer {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: auto;
width: auto;
} }
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2,
@ -838,6 +841,11 @@ footer {
.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-formulaireexposeressourcespage-1 form .js-form-item,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
display: flex;
margin-bottom: 0.5rem;
}
@media (max-width: 810px) { @media (max-width: 810px) {
.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 {
@ -846,9 +854,20 @@ footer {
justify-content: space-between; justify-content: space-between;
} }
} }
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item label,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item label {
flex: 2 1 auto;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item input, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item input,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item input { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item input {
max-width: 100%; flex: 2 1 auto;
max-width: 55%;
}
@media (max-width: 810px) {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item input,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item input {
max-width: 100%;
}
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form,
@ -863,7 +882,6 @@ footer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-evenly; justify-content: space-evenly;
margin-bottom: 0.5rem;
border-bottom: solid black 0.5px; border-bottom: solid black 0.5px;
padding-top: 0.5rem; padding-top: 0.5rem;
font-size: 0.7rem; font-size: 0.7rem;

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

@ -5,12 +5,14 @@
// left: 3%; // left: 3%;
top: $header-height-big; top: $header-height-big;
// z-index: 98; // z-index: 98;
margin: 1rem 2rem; // margin: 1rem 2rem;
background-color: transparent; background-color: transparent;
@media(max-width: 810px){ @media(max-width: 810px){
position: relative; position: relative;
width: 80%; width: 80%;
top: $header-height-pad; top: $header-height-pad;
margin: auto;
margin-top: 1rem;
} }
@ -22,6 +24,8 @@
@media(max-width: 810px){ @media(max-width: 810px){
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: auto;
width: auto;
} }
h2{ h2{
text-transform: uppercase; text-transform: uppercase;
@ -34,20 +38,30 @@
form{ form{
.js-form-item{ .js-form-item{
display: flex;
margin-bottom: 0.5rem;
@media(max-width: 810px){ @media(max-width: 810px){
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
label{
flex: 2 1 auto;
}
input{ input{
max-width: 100%; flex: 2 1 auto;
max-width: 55%;
@media(max-width: 810px){
max-width: 100%;
}
} }
} }
@media(max-width: 810px){ @media(max-width: 810px){
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
} }
@ -55,7 +69,6 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-evenly; justify-content: space-evenly;
margin-bottom: 0.5rem;
border-bottom: solid black 0.5px ; border-bottom: solid black 0.5px ;
padding-top: 0.5rem; padding-top: 0.5rem;
font-size: 0.7rem; font-size: 0.7rem;