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

View file

@ -15,6 +15,7 @@ export interface PreviewBarSegment {
segment: [number, number];
category: string;
unsubmitted: boolean;
showLarger: boolean;
}
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');
bar.classList.add('previewbar');
bar.innerHTML = ' ';
bar.innerHTML = showLarger ? '  ' : ' ';
const fullCategoryName = (unsubmitted ? 'preview-' : '') + category;
bar.setAttribute('sponsorblock-category', fullCategoryName);