mobile position popup

This commit is contained in:
2024-10-08 21:10:45 +02:00
parent 3fc1580186
commit caa62e7692
3 changed files with 99 additions and 77 deletions

View File

@@ -3075,6 +3075,11 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
margin: 0 auto; /* Centrer le conteneur */
height: auto; /* Permet à la hauteur de s'ajuster automatiquement */
}
@media (max-width: 810px) {
#sites-map-container {
height: 550px;
}
}
/* Changer la couleur au survol (hover) */
#sites-map-container .site-link:hover {
@@ -3083,7 +3088,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
/* Styles du popup (caché par défaut) */
#sites-map-container #popup {
font-family: "gilroy-semibold";
font-family: "gilroy-regular";
display: none;
position: absolute;
z-index: 1000;
@@ -3091,6 +3096,11 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-left: 1rem;
pointer-events: none;
}
@media (max-width: 810px) {
#sites-map-container #popup {
bottom: 20px;
}
}
#sites-map-container strong {
color: #f7002b;
@@ -3125,9 +3135,10 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
@media (max-width: 810px) {
#popup-content {
width: 250px;
width: 300px;
background-color: white;
border-radius: 5px;
padding: 0.5rem;
padding-left: 1rem;
}
}