Make highlight larger on preview bar

This commit is contained in:
Ajay Ramachandran
2021-08-17 18:37:59 -04:00
parent 4e99754b8c
commit 42beaf698c
2 changed files with 5 additions and 3 deletions

View File

@@ -827,7 +827,6 @@ function updatePreviewBar(): void {
if (video === null) return; if (video === null) return;
const previewBarSegments: PreviewBarSegment[] = []; const previewBarSegments: PreviewBarSegment[] = [];
if (sponsorTimes) { if (sponsorTimes) {
sponsorTimes.forEach((segment) => { sponsorTimes.forEach((segment) => {
if (segment.hidden !== SponsorHideType.Visible) return; if (segment.hidden !== SponsorHideType.Visible) return;
@@ -836,6 +835,7 @@ function updatePreviewBar(): void {
segment: segment.segment as [number, number], segment: segment.segment as [number, number],
category: segment.category, category: segment.category,
unsubmitted: false, unsubmitted: false,
showLarger: utils.getCategoryActionType(segment.category) === CategoryActionType.POI
}); });
}); });
} }
@@ -845,6 +845,7 @@ function updatePreviewBar(): void {
segment: segment.segment as [number, number], segment: segment.segment as [number, number],
category: segment.category, category: segment.category,
unsubmitted: true, unsubmitted: true,
showLarger: utils.getCategoryActionType(segment.category) === CategoryActionType.POI
}); });
}); });

View File

@@ -15,6 +15,7 @@ export interface PreviewBarSegment {
segment: [number, number]; segment: [number, number];
category: string; category: string;
unsubmitted: boolean; unsubmitted: boolean;
showLarger: boolean;
} }
class PreviewBar { class PreviewBar {
@@ -182,10 +183,10 @@ class PreviewBar {
}); });
} }
createBar({category, unsubmitted, segment}: PreviewBarSegment): HTMLLIElement { createBar({category, unsubmitted, segment, showLarger}: PreviewBarSegment): HTMLLIElement {
const bar = document.createElement('li'); const bar = document.createElement('li');
bar.classList.add('previewbar'); bar.classList.add('previewbar');
bar.innerHTML = ' '; bar.innerHTML = showLarger ? '  ' : ' ';
const fullCategoryName = (unsubmitted ? 'preview-' : '') + category; const fullCategoryName = (unsubmitted ? 'preview-' : '') + category;
bar.setAttribute('sponsorblock-category', fullCategoryName); bar.setAttribute('sponsorblock-category', fullCategoryName);