From 5b895aa2f122135b79ce9cf1bcfbf8d4c86ac61c Mon Sep 17 00:00:00 2001 From: HanYaodong Date: Sat, 27 Jan 2024 01:20:22 +0800 Subject: [PATCH] Fix skip time overlapping with chapter titles --- src/content.ts | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/src/content.ts b/src/content.ts index 0dd4568c..94b4ddff 100644 --- a/src/content.ts +++ b/src/content.ts @@ -2553,8 +2553,7 @@ function showTimeWithoutSkips(skippedDuration: number): void { } // Video player time display - const displayClass = ".bpx-player-ctrl-time-label" - const display = document.querySelector(displayClass); + const display = document.querySelector(".bpx-player-ctrl-time-label") as HTMLDivElement; if (!display) return; const durationID = "sponsorBlockDurationAfterSkips"; @@ -2569,7 +2568,14 @@ function showTimeWithoutSkips(skippedDuration: number): void { const durationAfterSkips = getFormattedTime(getVideo()?.duration - skippedDuration); - duration.innerText = (durationAfterSkips == null || skippedDuration <= 0) ? "" : " (" + durationAfterSkips + ")"; + if (durationAfterSkips != null && skippedDuration > 0) { + duration.innerText = " (" + durationAfterSkips + ")"; + + // some hacks to change the min-width of the time control area, + // so it won't overlap with chapters on the right + display.style.width = "auto"; + display.parentElement.style.minWidth = `${display.clientWidth - 11}px`; + } } function checkForPreloadedSegment() {