Mirrors/spicetify-themes
1
0
Fork 0
mirror of https://github.com/morpheusthewhite/spicetify-themes.git synced 2024-11-22 02:42:54 +01:00
Code Issues Projects Releases Activity

feat(Turntable): remove the billboard in the Full App Display to improve user experience

Browse Source
This commit is contained in:
Grason Chan 2021-07-06 23:36:30 +08:00
parent a67fa39c88
commit b7c6af2765
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Turntable/rotateTurntable.js
View File

@ -6,6 +6,14 @@ window.addEventListener("load", rotateTurntable = () => {
return;
}
const adModalStyle = document.createElement("style");
const STYLE_FOR_AD_MODAL = `
.ReactModalPortal {
display: none
}
`;
adModalStyle.innerHTML = STYLE_FOR_AD_MODAL;
let playState;
function handleRotate(fromEvent) {
@ -57,8 +65,11 @@ window.addEventListener("load", rotateTurntable = () => {
const mainInterface = document.querySelector("#main");
const mainPlayBtn = document.querySelector(".main-playButton-PlayButton");
const mainTopbarTitle = document.querySelector(".main-entityHeader-topbarTitle");
const billboard = document.querySelector("#view-billboard-ad");
mainInterface.style.display = "block";
if (billboard) billboard.closest(".ReactModalPortal").remove();
adModalStyle.remove();
setTimeout(() => {
mainPlayBtn.style.removeProperty("opacity");
@ -90,6 +101,7 @@ window.addEventListener("load", rotateTurntable = () => {
}
mainInterface.style.display = "none";
document.body.append(adModalStyle);
fullAppDisplay.addEventListener("contextmenu", handleContextMenu);