Fixed running before #main-panel exists

This commit is contained in:
MiepHD
2023-01-09 18:16:33 +01:00
parent fcb92fda84
commit 8728784c02
2 changed files with 15 additions and 16 deletions

View File

@ -22,7 +22,6 @@
color: #fff;
padding-right: 120px;
position: absolute;
left: var(--align);
}
.video-switch-button:before {

View File

@ -31,21 +31,6 @@ module.exports = (_options) => {
document.addEventListener("apiLoaded", setup, { once: true, passive: true });
}
}
const mainpanel = document.querySelector("#main-panel");
switch (_options.align) {
case "right": {
mainpanel.style.setProperty("--align", "calc(100% - 240px)");
return;
}
case "middle": {
mainpanel.style.setProperty("--align", "calc(50% - 120px)");
return;
}
default:
case "left": {
mainpanel.style.setProperty("--align", "0px");
}
}
};
function setup(e) {
@ -73,6 +58,21 @@ function setup(e) {
video.addEventListener('srcChanged', videoStarted);
observeThumbnail();
switch (options.align) {
case "right": {
switchButtonDiv.style.left = "calc(100% - 240px)";
return;
}
case "middle": {
switchButtonDiv.style.left = "calc(50% - 120px)";
return;
}
default:
case "left": {
switchButtonDiv.style.left = "0px";
}
}
}
function changeDisplay(showVideo) {