Fix minor seek bar tooltip issues

This commit is contained in:
hensm
2022-09-05 16:02:44 +01:00
parent 034d2ae8d1
commit 1da0015c96
2 changed files with 6 additions and 3 deletions

View File

@@ -144,6 +144,7 @@
return { return {
destroy() { destroy() {
seekHoverPosition = null;
node.removeEventListener("mousemove", onMouseMove); node.removeEventListener("mousemove", onMouseMove);
node.removeEventListener("mouseleave", onMouseLeave); node.removeEventListener("mouseleave", onMouseLeave);
} }

View File

@@ -212,16 +212,16 @@ body {
border-radius: 2px; border-radius: 2px;
display: flex; display: flex;
grid-area: seek-bar; grid-area: seek-bar;
height: 20px;
justify-self: start; justify-self: start;
left: var(--seek-hover-position); left: var(--seek-hover-position);
padding: 0 5px; padding: 2px 5px;
padding-bottom: 3px;
pointer-events: none; pointer-events: none;
position: relative; position: relative;
transform: translate( transform: translate(
-50%, -50%,
calc( calc(
-60% - (var(--slider-track-height) / 2) - var(--tooltip-arrow-height) -50% - 1px - (var(--slider-track-height) / 2) - var(--tooltip-arrow-height)
) )
); );
user-select: none; user-select: none;
@@ -340,11 +340,13 @@ body {
} }
.slider { .slider {
background: initial;
appearance: none; appearance: none;
border: initial; border: initial;
margin: initial; margin: initial;
outline: none; outline: none;
padding: initial; padding: initial;
z-index: 1;
} }
.slider:not(:focus-visible) { .slider:not(:focus-visible) {