Template:Marker: Difference between revisions
From The Fifth City Wiki
m move hoverChild class to tooltip |
Fix all hover issues AND tooltip scaling. Hopefully. |
||
| Line 1: | Line 1: | ||
<div | <div | ||
style = " | style = " | ||
/* Allow hover events to pass through */ | |||
pointer-events: none; | |||
/* Move marker on map */ | /* Move marker on map */ | ||
position: absolute; | position: absolute; | ||
| Line 16: | Line 19: | ||
><!-- | ><!-- | ||
--><div style = " | --><div style = " | ||
pointer-events: all; /* Allow pointer events again */ | |||
width: fit-content; /* Shrink to fit only the marker */ | width: fit-content; /* Shrink to fit only the marker */ | ||
transform: | transform: | ||
| Line 22: | Line 26: | ||
; | ; | ||
" | " | ||
class = "hastooltip" | class = "hastooltip hoverChild" | ||
><!-- | ><!-- | ||
| Line 68: | Line 72: | ||
Tooltip | Tooltip | ||
--><div class = "tooltip | --><div class = "tooltip" style = " | ||
width: 150%; /* Width of tooltip in relation to marker */ | width: 150%; /* Width of tooltip in relation to marker */ | ||
min-width: 150%; | |||
max-width: 150%; | |||
transform: | transform: | ||
translateX(-25%) /* Should be width/2 - 100%, centers tooltip */ | translateX(-25%) /* Should be width/2 - 100%, centers tooltip */ | ||
Revision as of 08:22, 23 June 2025
Unnamed Marker
