Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2025-12-10 21:47:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

Make gradiant display for chapter seek bar follow the same UI as YouTube

Browse Source
This commit is contained in:
Ajay
2024-10-18 05:05:03 -04:00
parent 510c3723ad
commit 875ec357d9
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/js-components/previewBar.ts
View File

@@ -651,10 +651,15 @@ class PreviewBar {
customChangedElement.style.transform = customChangedElement.style.transform =
`scaleX(${scale})`; `scaleX(${scale})`;
if (customChangedElement.style.backgroundSize) { if (customChangedElement.style.backgroundSize) {
const backgroundSize = progressBar.clientWidth; const backgroundSize = Math.max(changedData.scale / scale, fullSectionWidth * progressBar.clientWidth);
customChangedElement.style.backgroundSize = `${backgroundSize}px`; customChangedElement.style.backgroundSize = `${backgroundSize}px`;
customChangedElement.style.backgroundPosition = `${-(cursor * progressBar.clientWidth)}px`; if (changedData.scale < (cursor + fullSectionWidth) * progressBar.clientWidth) {
customChangedElement.style.backgroundPosition = `-${backgroundSize - fullSectionWidth * progressBar.clientWidth}px`;
} else {
// Passed this section
customChangedElement.style.backgroundPosition = `-${cursor * progressBar.clientWidth}px`;
}
} }
if (firstUpdate) { if (firstUpdate) {