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

size map conatiner, page node site

This commit is contained in:
ouidade 2024-10-30 23:52:05 +01:00
parent c0f0a9d22a
commit 3d51c909fa
3 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss
View File

@ -6,7 +6,7 @@
background-color: transparent; background-color: transparent;
text-align: center; text-align: center;
position: relative; position: relative;
width: 100%; /* Prend toute la largeur du conteneur parent */ width: 155%; /* Prend toute la largeur du conteneur parent */
max-width: 800px; /* Optionnel : Limiter la largeur maximale */ max-width: 800px; /* Optionnel : Limiter la largeur maximale */
margin: 0 auto; /* Centrer le conteneur */ margin: 0 auto; /* Centrer le conteneur */
height: auto; /* Permet à la hauteur de s'ajuster automatiquement */ height: auto; /* Permet à la hauteur de s'ajuster automatiquement */

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

@ -2918,6 +2918,9 @@ body {
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first { .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
position: fixed; position: fixed;
display: flex;
flex-direction: column;
width: 20% !important;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container { .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
margin-bottom: 3rem; margin-bottom: 3rem;
@ -2927,11 +2930,7 @@ body {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container { .node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
width: auto; left: -50px;
left: 0.3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
margin: auto;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
@ -2968,9 +2967,6 @@ body {
padding-left: 0.2rem; padding-left: 0.2rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) {
margin: auto;
}
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) {
margin-top: 1rem; margin-top: 1rem;
@ -2981,6 +2977,7 @@ body {
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
background: black; background: black;
padding-left: 0.5rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
@ -3004,7 +3001,7 @@ body {
padding-left: 0.2rem; padding-left: 0.2rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second { .node-type-site .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 60% !important; flex: 0 1 55% !important;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second {
display: flex; display: flex;
@ -3241,7 +3238,7 @@ main {
background-color: transparent; background-color: transparent;
text-align: center; text-align: center;
position: relative; position: relative;
width: 100%; /* Prend toute la largeur du conteneur parent */ width: 155%; /* Prend toute la largeur du conteneur parent */
max-width: 800px; /* Optionnel : Limiter la largeur maximale */ max-width: 800px; /* Optionnel : Limiter la largeur maximale */
margin: 0 auto; /* Centrer le conteneur */ margin: 0 auto; /* Centrer le conteneur */
height: auto; /* Permet à la hauteur de s'ajuster automatiquement */ height: auto; /* Permet à la hauteur de s'ajuster automatiquement */

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

@ -22,6 +22,9 @@
.block-region-first{ .block-region-first{
position: fixed; position: fixed;
display: flex;
flex-direction: column;
width: 20% !important;
.views-element-container{ .views-element-container{
margin-bottom: 3rem; margin-bottom: 3rem;
} }
@ -30,12 +33,13 @@
width: fit-content; width: fit-content;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
#sites-map-container{ #sites-map-container{
width: auto; // width: auto;
left: 0.3rem; // left: 0.3rem;
left: -50px;
} }
} }
div:has(.field_field_documents){ div:has(.field_field_documents){
margin: auto; // margin: auto;
@media(max-width: 500px){ @media(max-width: 500px){
margin-top: 1rem; margin-top: 1rem;
} }
@ -72,7 +76,8 @@
} }
div:has(.field_field_liens_site){ div:has(.field_field_liens_site){
margin: auto; // margin: auto;
// width: 50%;
@media(max-width: 500px){ @media(max-width: 500px){
margin-top: 1rem; margin-top: 1rem;
} }
@ -82,6 +87,7 @@
} }
.field_field_liens_site{ .field_field_liens_site{
background: black; background: black;
padding-left: 0.5rem;
@media (max-width:810px) { @media (max-width:810px) {
margin-left: 0; margin-left: 0;
} }
@ -109,7 +115,7 @@
} }
.layout__region--second{ .layout__region--second{
flex: 0 1 60% !important; flex: 0 1 55% !important;
// width: 60%; // width: 60%;
.block-region-second{ .block-region-second{
display: flex; display: flex;