change label to class

hanydd · Jan 16, 2025 · 9db4114 · 9db4114
1 parent 10c2a96
commit 9db4114
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/public/content.css b/public/content.css
@@ -776,7 +776,7 @@ input::-webkit-inner-spin-button {
 }
 
 /* full video labels on thumbnails */
-#sponsorThumbnailLabel {
+.sponsorThumbnailLabel {
 	display: none;
 	position: absolute;
 	top: 0;
@@ -791,32 +791,32 @@ input::-webkit-inner-spin-button {
 	font-size: 10px;
 }
 
-#sponsorThumbnailLabel.sponsorThumbnailLabelVisible {
+.sponsorThumbnailLabel.sponsorThumbnailLabelVisible {
 	display: flex;
 }
 
-#sponsorThumbnailLabel svg {
+.sponsorThumbnailLabel svg {
 	height: 2em;
 	fill: var(--category-text-color, #fff);
 }
 
-#sponsorThumbnailLabel span {
+.sponsorThumbnailLabel span {
 	display: none;
 	padding-left: 0.25em;
 	font-size: 1.5em;
 	color: var(--category-text-color, #fff);
 }
 
-#sponsorThumbnailLabel:hover {
+.sponsorThumbnailLabel:hover {
 	border-radius: 0.25em;
 	opacity: 1;
 }
 
-#sponsorThumbnailLabel:hover span {
+.sponsorThumbnailLabel:hover span {
 	display: inline;
 }
 
-.pod-item #sponsorThumbnailLabel {
+.pod-item .sponsorThumbnailLabel {
 	position: relative;
 	margin: 0 0 0 0.5em;
 	box-shadow: none;

diff --git a/src/thumbnail-utils/thumbnails.ts b/src/thumbnail-utils/thumbnails.ts
@@ -81,7 +81,7 @@ export async function labelThumbnailProcess(
 }
 
 async function getOldThumbnailLabel(thumbnail: HTMLElement): Promise<HTMLElement> {
-    return waitFor(() => thumbnail.querySelector("#sponsorThumbnailLabel"), 50, 5).catch(() => null);
+    return waitFor(() => thumbnail.querySelector(".sponsorThumbnailLabel"), 50, 5).catch(() => null);
 }
 
 async function hideThumbnailLabel(thumbnail: HTMLElement): Promise<void> {
@@ -118,7 +118,7 @@ async function createOrGetThumbnail(
     }
 
     const overlay = document.createElement("div") as HTMLElement;
-    overlay.id = "sponsorThumbnailLabel";
+    overlay.classList.add("sponsorThumbnailLabel");
     // Disable hover autoplay
     overlay.addEventListener("pointerenter", (e) => {
         e.stopPropagation();