From 60bb5b861dc5b248be31120e03b0a091bee0b0d7 Mon Sep 17 00:00:00 2001
From: Araxeus <78568641+Araxeus@users.noreply.github.com>
Date: Sat, 29 Jan 2022 11:35:18 +0200
Subject: [PATCH] change to new lyrics even if lyrics tab was already selected
---
plugins/lyrics-genius/front.js | 36 +++++++++++++++++++++------------
plugins/lyrics-genius/style.css | 3 ---
2 files changed, 23 insertions(+), 16 deletions(-)
diff --git a/plugins/lyrics-genius/front.js b/plugins/lyrics-genius/front.js
index 14813c7c..9e9d9216 100644
--- a/plugins/lyrics-genius/front.js
+++ b/plugins/lyrics-genius/front.js
@@ -50,22 +50,12 @@ 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 = `
- ${lyrics}
-
-
-
`;
- tabs.lyrics.removeAttribute("disabled");
- tabs.lyrics.removeAttribute("aria-disabled");
- }
+ checkLyricsContainer(() => observer.disconnect());
});
observer.observe(tabContainer, {
attributes: true,
@@ -73,5 +63,25 @@ module.exports = () => {
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 = `
+ ${lyrics}
+
+
+
`;
+ tabs.lyrics.removeAttribute("disabled");
+ tabs.lyrics.removeAttribute("aria-disabled");
+ }
});
};
diff --git a/plugins/lyrics-genius/style.css b/plugins/lyrics-genius/style.css
index 9c5f74de..27128072 100644
--- 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;
}