mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Keep chapter markers visible whenever the OSD is shown.
(Does not require hovering over the slider anymore.)
This commit is contained in:
parent
b43c9e0137
commit
c4bd4d0a05
2 changed files with 1 additions and 21 deletions
|
@ -21,7 +21,7 @@
|
|||
<div class="flex flex-direction-row align-items-center">
|
||||
<div class="osdTextContainer startTimeText osdPositionText" style="margin: 0 .25em 0 0;"></div>
|
||||
<div class="sliderContainer flex-grow" style="margin: .5em 0 .25em;">
|
||||
<div class="sliderMarkerContainer hide"></div>
|
||||
<div class="sliderMarkerContainer"></div>
|
||||
<input type="range" step=".01" min="0" max="100" value="0" is="emby-slider" class="osdPositionSlider" data-slider-keep-progress="true" />
|
||||
</div>
|
||||
<div class="osdTextContainer endTimeText osdDurationText" style="margin: 0 0 0 .25em;"></div>
|
||||
|
|
|
@ -261,10 +261,6 @@ import '../emby-input/emby-input';
|
|||
let hasHideClassBubble = sliderBubble.classList.contains('hide');
|
||||
|
||||
this.markerContainerElement = containerElement.querySelector('.sliderMarkerContainer');
|
||||
let hasHideClassMarkerContainer = false;
|
||||
if (this.markerContainerElement) {
|
||||
hasHideClassMarkerContainer = this.markerContainerElement.classList.contains('hide');
|
||||
}
|
||||
|
||||
dom.addEventListener(this, 'input', function () {
|
||||
this.dragging = true;
|
||||
|
@ -280,11 +276,6 @@ import '../emby-input/emby-input';
|
|||
sliderBubble.classList.remove('hide');
|
||||
hasHideClassBubble = false;
|
||||
}
|
||||
|
||||
if (hasHideClassMarkerContainer) {
|
||||
this.markerContainerElement.classList.remove('hide');
|
||||
hasHideClassMarkerContainer = false;
|
||||
}
|
||||
}, {
|
||||
passive: true
|
||||
});
|
||||
|
@ -298,9 +289,6 @@ import '../emby-input/emby-input';
|
|||
|
||||
sliderBubble.classList.add('hide');
|
||||
hasHideClassBubble = true;
|
||||
|
||||
this.markerContainerElement.classList.add('hide');
|
||||
hasHideClassMarkerContainer = true;
|
||||
}, {
|
||||
passive: true
|
||||
});
|
||||
|
@ -316,11 +304,6 @@ import '../emby-input/emby-input';
|
|||
sliderBubble.classList.remove('hide');
|
||||
hasHideClassBubble = false;
|
||||
}
|
||||
|
||||
if (hasHideClassMarkerContainer) {
|
||||
this.markerContainerElement.classList.remove('hide');
|
||||
hasHideClassMarkerContainer = false;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
passive: true
|
||||
|
@ -330,9 +313,6 @@ import '../emby-input/emby-input';
|
|||
dom.addEventListener(this, (window.PointerEvent ? 'pointerleave' : 'mouseleave'), function () {
|
||||
sliderBubble.classList.add('hide');
|
||||
hasHideClassBubble = true;
|
||||
|
||||
this.markerContainerElement.classList.add('hide');
|
||||
hasHideClassMarkerContainer = true;
|
||||
}, {
|
||||
passive: true
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue