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

48
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
View File

@@ -5,36 +5,47 @@
.content_container{ .content_container{
width: 100% !important; width: 100% !important;
@media(max-width:810px){
margin-top: 12rem !important;
}
} }
} }
.layout--threecol-25-50-25{ .layout--threecol-25-50-25{
// flex-wrap: nowrap; flex-wrap: nowrap;
// @media(max-width: 810px){ @media(max-width: 810px){
// display: flex; display: flex;
// flex-direction: column; flex-direction: column;
// width: 100%; width: 100%;
// } }
.layout__region--first{ .layout__region--first{
flex: 0 1 25%; flex: 0 1 25%;
// margin-top: 1rem;
position: relative; position: relative;
@media(max-width: 810px){
flex: 0 1 100%;
}
.block-region-first{ .block-region-first{
position:fixed; position:fixed;
width: 20% !important; width: 20% !important;
margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// align-items: center;
margin-left: 2rem; @media(max-width: 810px){
// @media(max-width: 810px){ position: relative;
// position: relative; width: 100% !important;
// width: 100% !important; margin-left: 0rem;
// } margin-top: 0;
}margin-left: 2rem;
#sites-map-container{ #sites-map-container{
width: 100% !important; width: 100% !important;
h2{ h2{
display: none; display: none;
} }
@media(max-width: 810px){
width: 50% !important;
margin: auto;
}
} }
.field_field_site_projet{ .field_field_site_projet{
.node-type-site{ .node-type-site{
@@ -97,14 +108,19 @@
flex: 0 1 45% !important; flex: 0 1 45% !important;
margin-top: 1rem; margin-top: 1rem;
max-width: 45%; max-width: 45%;
// margin-left: 3rem; @media(max-width: 810px){
max-width: 80% !important;
margin: auto;
}
.block-region-second{ .block-region-second{
// margin-left: 3rem;
position: relative; position: relative;
// margin-right: 3rem;
margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media(max-width: 810px){
// margin-left: 2rem;
// margin-top: 3rem;
}
.field_field_laureats{ .field_field_laureats{
::before{ ::before{
content: ""; content: "";

14
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@@ -2,8 +2,14 @@
.layout-content{ .layout-content{
margin-top: 2rem; margin-top: 2rem;
max-width: 100vw; max-width: 100vw;
@media(max-width:810px){
// margin-top: 12rem !important;
}
.content_container{ .content_container{
width: 90% !important; width: 90% !important;
@media(max-width:810px){
margin-top: 12rem !important;
}
} }
} }
.layout--threecol-25-50-25{ .layout--threecol-25-50-25{
@@ -234,14 +240,6 @@
flex: 1 1 auto; flex: 1 1 auto;
min-width: 25%; min-width: 25%;
} }
// div .field_field_porteur_s_de_site{
// border-bottom: none;
// padding-bottom: 0;
// }
// div .field_field_nom_de_la_commune_nb_d_hab{
// border-bottom: none;
// padding-bottom: 0;
// }
div:has(.field_field_region){ div:has(.field_field_region){
border-bottom: none; border-bottom: none;
padding-bottom: 0; padding-bottom: 0;