diff --git a/public/content.css b/public/content.css index 3236d165..f21500ee 100644 --- a/public/content.css +++ b/public/content.css @@ -88,7 +88,7 @@ div:hover > #previewbar.sbNotInvidious { display: none !important; } -.ytp-tooltip.sponsorCategoryTooltipVisible { +.ytp-tooltip.sponsorCategoryTooltipVisible:not(.sponsorTooltipHasYTChapters) { transform: translateY(-1em) !important; } diff --git a/src/js-components/previewBar.ts b/src/js-components/previewBar.ts index 0a93d9c9..981f05f8 100644 --- a/src/js-components/previewBar.ts +++ b/src/js-components/previewBar.ts @@ -152,6 +152,10 @@ class PreviewBar { // Hide original tooltip if some chapter has been filtered out originalTooltip.style.display = "none"; noYoutubeChapters = true; + + originalTooltip.classList.add("sponsorTooltipHasYTChapters"); + } else { + originalTooltip.classList.remove("sponsorTooltipHasYTChapters"); } if (mainSegment === null && secondarySegment === null) { @@ -163,6 +167,7 @@ class PreviewBar { this.categoryTooltipContainer.classList.add(TOOLTIP_VISIBLE_CLASS); if (mainSegment !== null && secondarySegment !== null) { this.categoryTooltipContainer.classList.add("sponsorTwoTooltips"); + originalTooltip.classList.remove("sponsorTooltipHasYTChapters"); } else { this.categoryTooltipContainer.classList.remove("sponsorTwoTooltips"); }