change to new lyrics even if lyrics tab was already selected

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

View File

@ -50,15 +50,32 @@ 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) => {
checkLyricsContainer(() => observer.disconnect());
});
observer.observe(tabContainer, {
attributes: true,
childList: true,
subtree: true,
});
};
function checkLyricsContainer(callback = () => {}) {
const lyricsContainer = document.querySelector( const lyricsContainer = document.querySelector(
'[page-type="MUSIC_PAGE_TYPE_TRACK_LYRICS"] > ytmusic-message-renderer' '[page-type="MUSIC_PAGE_TYPE_TRACK_LYRICS"] > ytmusic-message-renderer'
); );
if (lyricsContainer) { if (lyricsContainer) {
observer.disconnect(); callback();
lyricsContainer.innerHTML = `<div id="contents" class="style-scope ytmusic-section-list-renderer genius-lyrics"> 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} ${lyrics}
<yt-formatted-string class="footer style-scope ytmusic-description-shelf-renderer">Source&nbsp;: Genius</yt-formatted-string> <yt-formatted-string class="footer style-scope ytmusic-description-shelf-renderer">Source&nbsp;: Genius</yt-formatted-string>
@ -67,11 +84,4 @@ module.exports = () => {
tabs.lyrics.removeAttribute("aria-disabled"); tabs.lyrics.removeAttribute("aria-disabled");
} }
}); });
observer.observe(tabContainer, {
attributes: true,
childList: true,
subtree: true,
});
};
});
}; };

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;
} }