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 {
destroy() {
seekHoverPosition = null;
node.removeEventListener("mousemove", onMouseMove);
node.removeEventListener("mouseleave", onMouseLeave);
}

View File

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