Amelioration de la navigation sur la carte

This commit is contained in:
EpicKiwi 2026-06-13 15:37:07 +02:00
parent aa8ea624c7
commit 799dd817ae
Signed by: epickiwi
GPG key ID: C4B28FD2729941CE
5 changed files with 171 additions and 46 deletions

View file

@ -88,8 +88,53 @@ body > hr {
}
}
.highlight-point-icon > * {
#map .highlight-point-icon > * {
width: fit-content;
height: fit-content;
transform: translateX(-50%) translateY(-50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
#map .highlight-point-icon > a {
text-decoration: none;
color: inherit;
}
#map .highlight-point-icon h3 {
width: max-content;
max-width: min(25vw, 100px);
text-align: center;
margin: 0;
color: white;
font-size: 1em;
line-height: 1;
--outline-size: 1px;
text-shadow: 0px var(--outline-size) 0px var(--symbol-border-color),
var(--outline-size) 0px 0px var(--symbol-border-color),
var(--outline-size) var(--outline-size) 0px var(--symbol-border-color),
calc(var(--outline-size) * -1) calc(var(--outline-size) * -1) 0px var(--symbol-border-color),
0px calc(var(--outline-size) * -1) 0px var(--symbol-border-color),
calc(var(--outline-size) * -1) 0px 0px var(--symbol-border-color)
;
opacity: clamp(0, calc( var(--zoom-level) - 18 ), 1) ;
}
#map .highlight-point-icon img ~ h3 {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(100%);
margin-top: 1ex;
}
#map .highlight-point-icon:not(.active) {
opacity: 0;
pointer-events: none;
}
.map-amenity-icon .map-amenity-icon-container {
@ -135,10 +180,6 @@ body > hr {
opacity: 0;
}
#map .highlight-point-icon:not(.active) {
opacity: 0;
}
/* SAERCH FORM */
#search-section {