mobile position popup
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user