Difference between revisions of "Template:Tt"
From Detective Conan Wiki
(removed styles that seem to be irrelevant and added text-align: center;. if you disagree, pls revert this) |
(Undo revision 387402 by R0o0di (talk) user-select: none prevents the user from selecting the tooltip when they do not see it; maybe I'll keep text-align: center though; the rest were removed) (Tag: Undo) |
||
| Line 5: | Line 5: | ||
.tooltip-target { | .tooltip-target { | ||
position: relative; | position: relative; | ||
| + | display: inline-block; | ||
border-bottom: 0.0625em dotted; | border-bottom: 0.0625em dotted; | ||
cursor: help; | cursor: help; | ||
| Line 22: | Line 23: | ||
opacity: 0; | opacity: 0; | ||
pointer-events: none; | pointer-events: none; | ||
| + | user-select: none; | ||
| + | -webkit-user-select: none; | ||
| + | -ms-user-select: none; | ||
transition: 0.3s ease 0.1s; /* This is used for the hover animations */ | transition: 0.3s ease 0.1s; /* This is used for the hover animations */ | ||
} | } | ||
| Line 87: | Line 91: | ||
transform: translate(-50%, 0); | transform: translate(-50%, 0); | ||
pointer-events: auto; | pointer-events: auto; | ||
| + | user-select: auto; | ||
| + | -webkit-user-select: auto; | ||
| + | -ms-user-select: auto; | ||
} | } | ||
| Line 94: | Line 101: | ||
transform: translate(-50%, 0); | transform: translate(-50%, 0); | ||
pointer-events: auto; | pointer-events: auto; | ||
| + | user-select: auto; | ||
| + | -webkit-user-select: auto; | ||
| + | -ms-user-select: auto; | ||
} | } | ||
Revision as of 20:41, 8 June 2025
text text {{tt|Hover me|blablablablabla}} text text
Results in: text text Hover me text text
