smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-11 10:31:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

change to new lyrics even if lyrics tab was already selected

Browse Source
This commit is contained in:
Araxeus
2022-01-29 11:35:18 +02:00
parent 900c44d9c0
commit 60bb5b861d
2 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
plugins/lyrics-genius/front.js
View File

@ -50,22 +50,12 @@ module.exports = () => {
}; };
} }
checkLyricsContainer();
tabs.lyrics.onclick = () => { tabs.lyrics.onclick = () => {
const tabContainer = document.querySelector("ytmusic-tab-renderer"); const tabContainer = document.querySelector("ytmusic-tab-renderer");
const observer = new MutationObserver((_, observer) => { const observer = new MutationObserver((_, observer) => {
const lyricsContainer = document.querySelector( checkLyricsContainer(() => observer.disconnect());
'[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");
}
}); });
observer.observe(tabContainer, { observer.observe(tabContainer, {
attributes: true, attributes: true,
@ -73,5 +63,25 @@ module.exports = () => {
subtree: 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");
}
}); });
}; };

3
plugins/lyrics-genius/style.css
View File

@ -9,7 +9,4 @@
#contents.genius-lyrics, .description { #contents.genius-lyrics, .description {
font-size: 1.1vw !important; font-size: 1.1vw !important;
text-align: center !important; text-align: center !important;
line-height: 1.4;
font-family: Roboto,Noto Naskh Arabic UI,Arial,sans-serif;
font-weight: 400;
} }