change to new lyrics even if lyrics tab was already selected

th-ch · Jan 29, 2022 · 60bb5b8 · 60bb5b8
1 parent 900c44d
commit 60bb5b8
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 16 deletions.
diff --git a/plugins/lyrics-genius/front.js b/plugins/lyrics-genius/front.js
@@ -50,28 +50,38 @@ module.exports = () => {
 			};
 		}
 
+		checkLyricsContainer();
+
 		tabs.lyrics.onclick = () => {
 			const tabContainer = document.querySelector("ytmusic-tab-renderer");
 			const observer = new MutationObserver((_, observer) => {
-				const lyricsContainer = document.querySelector(
-					'[page-type="MUSIC_PAGE_TYPE_TRACK_LYRICS"] > ytmusic-message-renderer'
-				);
-				if (lyricsContainer) {
-					observer.disconnect();
-					lyricsContainer.innerHTML = `<div id="contents" class="style-scope ytmusic-section-list-renderer genius-lyrics">
-			 			${lyrics}
-
-			 			<yt-formatted-string class="footer style-scope ytmusic-description-shelf-renderer">Source&nbsp;: Genius</yt-formatted-string>
-					</div>`;
-					tabs.lyrics.removeAttribute("disabled");
-					tabs.lyrics.removeAttribute("aria-disabled");
-				}
+				checkLyricsContainer(() => observer.disconnect());
 			});
 			observer.observe(tabContainer, {
 				attributes: true,
 				childList: true,
 				subtree: true,
 			});
 		};
+
+		function checkLyricsContainer(callback = () => {}) {
+			const lyricsContainer = document.querySelector(
+				'[page-type="MUSIC_PAGE_TYPE_TRACK_LYRICS"] > ytmusic-message-renderer'
+			);
+			if (lyricsContainer) {
+				callback();
+				setLyrics(lyricsContainer)
+			}
+		}
+
+		function setLyrics(lyricsContainer){
+			lyricsContainer.innerHTML = `<div id="contents" class="style-scope ytmusic-section-list-renderer description ytmusic-description-shelf-renderer genius-lyrics">
+			 			${lyrics}
+
+			 			<yt-formatted-string class="footer style-scope ytmusic-description-shelf-renderer">Source&nbsp;: Genius</yt-formatted-string>
+					</div>`;
+			tabs.lyrics.removeAttribute("disabled");
+			tabs.lyrics.removeAttribute("aria-disabled");
+		}
 	});
 };
diff --git a/plugins/lyrics-genius/style.css b/plugins/lyrics-genius/style.css
@@ -9,7 +9,4 @@
 #contents.genius-lyrics, .description {
     font-size: 1.1vw !important;
 	text-align: center !important;
-	line-height: 1.4;
-	font-family: Roboto,Noto Naskh Arabic UI,Arial,sans-serif;
-	font-weight: 400;
 }