mkelvers/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

player: use CSS :has() for volume slider hover (pure CSS solution)

Browse Source
This commit is contained in:
mkelvers
2026-04-18 06:35:26 +02:00
parent 61ab440145
commit aa14114963
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/style.css
View File

@@ -84,8 +84,9 @@
height: 130px;
}
.volume-wrap.show-volume .volume-panel,
.volume-wrap.show-volume::before,
.volume-wrap:has([data-mute]:hover) .volume-panel,
.volume-wrap:has([data-volume-bridge]:hover) .volume-panel,
.volume-wrap:has(.volume-panel:hover) .volume-panel,
.volume-wrap:focus-within .volume-panel,
.volume-panel:hover,
.volume-panel:focus-within {
@@ -94,7 +95,9 @@
pointer-events: auto;
}
.volume-wrap.show-volume .volume-underline,
.volume-wrap:has([data-mute]:hover) .volume-underline,
.volume-wrap:has([data-volume-bridge]:hover) .volume-underline,
.volume-wrap:has(.volume-panel:hover) .volume-underline,
.volume-wrap:focus-within .volume-underline {
opacity: 1;
}