Template:Tt/sandbox: Difference between revisions
Undo revision . so the problem is in class=tooltip Tag: Undo |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly><span class="tooltip-target" style="white-space: initial; overflow-x: initial;">{{{1}}}<span class="tooltip-container tooltip-container-above"><span class="tt12345">{{{2}}}<span class=" | <includeonly><span class="tooltip-target" style="white-space: initial; overflow-x: initial;">{{{1}}}<span class="tooltip-container tooltip-container-above"><span class="tt12345">{{{2}}}<span class="tooltip-chevron"></span></span></span></span>{{code | ||
|css= | |css= | ||
/* Target word for the tooltip to focus on */ | /* Target word for the tooltip to focus on */ | ||
| Line 58: | Line 58: | ||
/* CHEVRON CLASSES */ | /* CHEVRON CLASSES */ | ||
/* Shared class */ | /* Shared class */ | ||
. | .tooltip-chevron { | ||
position: absolute; | position: absolute; | ||
left: 50%; | left: 50%; | ||
| Line 69: | Line 69: | ||
/* When tooltip is above */ | /* When tooltip is above */ | ||
.tooltip-container-above . | .tooltip-container-above .tooltip-chevron { | ||
top: 95%; | top: 95%; | ||
border-width: 9px 9px 0 9px; | border-width: 9px 9px 0 9px; | ||
| Line 76: | Line 76: | ||
/* When tooltip is below */ | /* When tooltip is below */ | ||
.tooltip-container-below . | .tooltip-container-below .tooltip-chevron { | ||
bottom: 95%; | bottom: 95%; | ||
border-width: 0 9px 9px 9px; | border-width: 0 9px 9px 9px; | ||