Fix offset with chapters on hover preview

ajayyy · Dec 24, 2024 · 16f2497 · 16f2497
1 parent 091d67e
commit 16f2497
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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");
                 }