Template:Tooltip/styles.css: Difference between revisions
From Space Station 14 Wiki
(wip) |
(wip) |
||
| Line 3: | Line 3: | ||
} | } | ||
.tooltip { | .tooltip, | ||
.tooltip-arrow { | |||
display: none; | |||
position: absolute; | position: absolute; | ||
top: -.5rem; | top: -.5rem; | ||
| Line 9: | Line 12: | ||
transform: translate(50%, -100%); | transform: translate(50%, -100%); | ||
} | |||
.tooltip { | |||
width: max-content; | width: max-content; | ||
padding: .35rem; | padding: .35rem; | ||
| Line 14: | Line 20: | ||
background-color: var(--bg-color-light-x4); | background-color: var(--bg-color-light-x4); | ||
border: 1px solid var(--border-color-light-x2); | border: 1px solid var(--border-color-light-x2); | ||
} | |||
.tooltip-arrow { | |||
display: inline-block; | |||
} | |||
.tooltip-display-text:hover .tooltip, | |||
.tooltip-arrow { | |||
display: inline-block; | |||
} | } | ||
Revision as of 02:58, 3 September 2024
.tooltip-display-text {
position: relative;
}
.tooltip,
.tooltip-arrow {
display: none;
position: absolute;
top: -.5rem;
left: 0;
transform: translate(50%, -100%);
}
.tooltip {
width: max-content;
padding: .35rem;
background-color: var(--bg-color-light-x4);
border: 1px solid var(--border-color-light-x2);
}
.tooltip-arrow {
display: inline-block;
}
.tooltip-display-text:hover .tooltip,
.tooltip-arrow {
display: inline-block;
}
