xeno/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: keep bay tooltips on screen and out of the accessible name

Browse Source
This commit is contained in:
LucaP
2026-10-10 23:39:38 +03:00
parent f08dfc3fba
commit 2f6eb9657d
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/gantry.css
View File

@@ -579,13 +579,21 @@ html .drive-control-button svg { inline-size: 18px; block-size: 18px; }
}
/* Tooltips and the settings popover open downward from the beam. */
/* Tooltips hang from the button's right edge so the last one never leaves
the viewport; the label is decorative (the button has its aria-label). */
html .drive-control-button::after {
inset: calc(100% + 0.5rem) auto auto 50%;
transform: translate(-50%, -4px);
content: attr(data-tooltip) / '';
inset: calc(100% + 0.5rem) 0 auto auto;
transform: translateY(-4px);
}
html .drive-control-button:hover::after,
html .drive-control-button:focus-visible::after {
transform: translate(-50%, 0);
transform: none;
}
/* An open popover is its own label; touch screens get no hover labels. */
html .drive-control-button[aria-expanded='true']::after { display: none; }
@media (hover: none) {
html .drive-control-button::after { display: none; }
}
html .drive-popover {
position: absolute;