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

debrousaillage node projet responsive

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-24 11:35:23 +01:00
parent f85a68b9af
commit aa386780bf
3 changed files with 83 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3686,6 +3686,11 @@ body {
.node-type-site .layout-content .content_container {
width: 90% !important;
}
@media (max-width: 810px) {
.node-type-site .layout-content .content_container {
margin-top: 12rem !important;
}
}
.node-type-site .layout--threecol-25-50-25 {
flex-wrap: nowrap;
}
@@ -4235,10 +4240,30 @@ body {
.node-type-projet .layout-content .content_container {
width: 100% !important;
}
@media (max-width: 810px) {
.node-type-projet .layout-content .content_container {
margin-top: 12rem !important;
}
}
.node-type-projet .layout--threecol-25-50-25 {
flex-wrap: nowrap;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 {
display: flex;
flex-direction: column;
width: 100%;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first {
flex: 0 1 25%;
position: relative;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--first {
flex: 0 1 100%;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: fixed;
width: 20% !important;
@@ -4247,12 +4272,26 @@ body {
flex-direction: column;
margin-left: 2rem;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: relative;
width: 100% !important;
margin-left: 0rem;
margin-top: 0;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container {
width: 100% !important;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container h2 {
display: none;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container {
width: 50% !important;
margin: auto;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site {
width: 80%;
margin: auto;
@@ -4301,6 +4340,12 @@ body {
margin-top: 1rem;
max-width: 45%;
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second {
max-width: 80% !important;
margin: auto;
}
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second {
position: relative;
margin-top: 1rem;