summaryrefslogtreecommitdiff
path: root/web/css/player.css
diff options
context:
space:
mode:
Diffstat (limited to 'web/css/player.css')
-rw-r--r--web/css/player.css11
1 files changed, 11 insertions, 0 deletions
diff --git a/web/css/player.css b/web/css/player.css
index f3d93ef..45dc948 100644
--- a/web/css/player.css
+++ b/web/css/player.css
@@ -149,6 +149,15 @@
overflow: hidden;
}
.progress-track:hover { height: 0.5rem; }
+.progress-buffered {
+ position: absolute;
+ inset: 0;
+ width: 100%;
+ border-radius: 999px;
+ background: transparent;
+ pointer-events: none;
+ z-index: 1;
+}
.progress-fill {
position: absolute;
inset: 0 auto 0 0;
@@ -156,6 +165,7 @@
background: var(--player-progress-fill);
border-radius: 999px;
transition: width 120ms linear;
+ z-index: 2;
}
.progress-thumb {
position: absolute;
@@ -167,6 +177,7 @@
transform: translate(-50%, -50%) scale(0);
transition: transform var(--transition-fast);
pointer-events: none;
+ z-index: 3;
}
.progress-track:hover .progress-thumb,
.progress-track:focus-within .progress-thumb {