Template:Tt: Difference between revisions
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