Fix alignment of segment category names on hover

ajayyy · ajayyy · commit 4296ea3f855b · 2025-07-21T04:49:08.000-04:00
diff --git a/public/content.css b/public/content.css
@@ -107,6 +107,10 @@ div:hover > #previewbar.sbNotInvidious {
 	transform: translateY(-1em) !important;
 }
 
+.ytp-tooltip.sponsorCategoryTooltipVisible {
+	transform: translateY(-1em) !important;
+}
+
 .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips {
 	transform: translateY(-2em) !important;
 }
@@ -145,17 +149,17 @@ div:hover > #previewbar.sbNotInvidious {
 }
 
 .ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper {
-	transform: translateY(1em) !important;
+	transform: translateY(1.75em) !important;
 }
 
-.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible > .ytp-tooltip-text-wrapper > .ytp-tooltip-text {
-	display: block !important;
-	transform: translateY(1em) !important;
+.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible > .ytp-tooltip-text-wrapper .ytp-tooltip-text {
+	display: inline-block !important;
+	transform: translateY(0.75em) !important;
 }
 
-.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper > .ytp-tooltip-text {
-	display: block !important;
-	transform: translateY(2em) !important;
+.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper .ytp-tooltip-text {
+	display: inline-block !important;
+	transform: translateY(0.75em) !important;
 }
 
 div:hover > .sponsorBlockChapterBar {

Original file line number	Diff line number	Diff line change
`@@ -107,6 +107,10 @@ div:hover > #previewbar.sbNotInvidious {`
`107`	`107`	`transform: translateY(-1em) !important;`
`108`	`108`	`}`
`109`	`109`
	`110`	`+.ytp-tooltip.sponsorCategoryTooltipVisible {`
	`111`	`+ transform: translateY(-1em) !important;`
	`112`	`+}`
	`113`	`+`
`110`	`114`	`.ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips {`
`111`	`115`	`transform: translateY(-2em) !important;`
`112`	`116`	`}`
`@@ -145,17 +149,17 @@ div:hover > #previewbar.sbNotInvidious {`
`145`	`149`	`}`
`146`	`150`
`147`	`151`	`.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper {`
`148`		`- transform: translateY(1em) !important;`
	`152`	`+ transform: translateY(1.75em) !important;`
`149`	`153`	`}`
`150`	`154`
`151`		`-.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible > .ytp-tooltip-text-wrapper > .ytp-tooltip-text {`
`152`		`- display: block !important;`
`153`		`- transform: translateY(1em) !important;`
	`155`	`+.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible > .ytp-tooltip-text-wrapper .ytp-tooltip-text {`
	`156`	`+ display: inline-block !important;`
	`157`	`+ transform: translateY(0.75em) !important;`
`154`	`158`	`}`
`155`	`159`
`156`		`-.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper > .ytp-tooltip-text {`
`157`		`- display: block !important;`
`158`		`- transform: translateY(2em) !important;`
	`160`	`+.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper .ytp-tooltip-text {`
	`161`	`+ display: inline-block !important;`
	`162`	`+ transform: translateY(0.75em) !important;`
`159`	`163`	`}`
`160`	`164`
`161`	`165`	`div:hover > .sponsorBlockChapterBar {`