Amelioration de la navigation sur la carte
This commit is contained in:
parent
aa8ea624c7
commit
799dd817ae
5 changed files with 171 additions and 46 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue