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

mobile position popup

This commit is contained in:
ouidade 2024-10-08 21:34:01 +02:00
parent caa62e7692
commit 24d9656058
5 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,15 @@
margin: 0 auto; /* Centrer le conteneur */
height: auto; /* Permet à la hauteur de s'ajuster automatiquement */
@media (max-width: 810px) {
height: 550px;
width: 80%; /* Prend toute la largeur du conteneur parent */
}
@media (max-width: 530px) {
width: 100%; /* Prend toute la largeur du conteneur parent */
height: 485px;
}
@media (max-width: 400px) {
width: 100%; /* Prend toute la largeur du conteneur parent */
height: 430px;
}
}

0
web/modules/custom/q2d_mod/assets/css/fontface.scss Normal file
View File

4
web/modules/custom/q2d_mod/q2d_mod.libraries.yml
View File

@ -1,7 +1,7 @@
sites_map_block:
css:
theme:
assets/css/fontface.css: {}
assets/css/carte-interactive-qdd.css: {}
assets/css/fontface.scss: {}
assets/css/carte-interactive-qdd.scss: {}
js:
assets/js/carte-interactive-qdd.js: {}

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

@ -1784,6 +1784,12 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
font-size: 2rem;
padding-bottom: 2rem;
}
@media (max-width: 1090px) {
#home article.node-type-static .field_field_map_block #block-sitesmapblock h2 {
padding-bottom: 0rem;
font-size: 1.8rem;
}
}
#home article.node-type-static #paragraph-id--1 {
background-color: #edefe8;
position: relative;
@ -3077,7 +3083,19 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
@media (max-width: 810px) {
#sites-map-container {
height: 550px;
width: 80%; /* Prend toute la largeur du conteneur parent */
}
}
@media (max-width: 530px) {
#sites-map-container {
width: 100%; /* Prend toute la largeur du conteneur parent */
height: 485px;
}
}
@media (max-width: 400px) {
#sites-map-container {
width: 100%; /* Prend toute la largeur du conteneur parent */
height: 430px;
}
}

4
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@ -173,6 +173,10 @@
margin: auto;
font-size: 2rem;
padding-bottom: 2rem;
@media(max-width: 1090px){
padding-bottom: 0rem;
font-size: 1.8rem;
}
}
}
}