Difference between revisions of "Template:Tt/sandbox"
From Detective Conan Wiki
(Removing pointer-events: none makes the tooltip appear when hovering over the container (which is inherently a child of the target)) |
|||
| Line 1: | Line 1: | ||
<includeonly>{{code | <includeonly>{{code | ||
| − | |html=% | + | |html=%3Cspan%20class%3D%22tooltip-target%22%3E%0A%20%20%7B%7B%7Bparam%7D%7D%7D%0A%20%20%3Cinput%20type%3D%22checkbox%22%20class%3D%22tooltip-toggle%22%20id%3D%22%7B%7B%7BUID%7D%7D%7D%22%2F%3E%0A%20%20%3Clabel%20class%3D%22tooltip-container%20tooltip-container-above%22%20for%3D%22%7B%7B%7BUID%7D%7D%7D%22%3E%0A%20%20%20%20%3Cspan%20class%3D%22tooltip%22%3E%0A%20%20%20%20%20%20%7B%7B%7Bparam2%7D%7D%7D%0A%20%20%20%20%20%20%3Cspan%20class%3D%22chevron%22%3E%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fspan%3E%0A%20%20%3C%2Flabel%3E%0A%3C%2Fspan%3E |
|param={{{1}}} | |param={{{1}}} | ||
|param2={{{2}}} | |param2={{{2}}} | ||
| Line 95: | Line 95: | ||
/* tooltip fade-in */ | /* tooltip fade-in */ | ||
/* when text is clicked on touchscreens */ | /* when text is clicked on touchscreens */ | ||
| − | @media ( | + | /* @media (max-width: 450px) and (pointer: coarse) { */ |
| + | @media (max-width: 450px) { | ||
.tooltip-toggle:checked + .tooltip-container { | .tooltip-toggle:checked + .tooltip-container { | ||
opacity: 1; | opacity: 1; | ||
