Added option to change alignment of video-toggle

This commit is contained in:
MiepHD
2022-12-28 10:23:11 +01:00
parent 46bfec299c
commit 74c9fe13e2
3 changed files with 48 additions and 1 deletions

View File

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

View File

@ -31,6 +31,21 @@ module.exports = (_options) => {
document.addEventListener("apiLoaded", setup, { once: true, passive: true }); 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) { function setup(e) {

View File

@ -33,6 +33,38 @@ module.exports = (win, options) => [
}, },
] ]
}, },
{
label: "Alignment",
submenu: [
{
label: "Left",
type: "radio",
checked: options.align === 'left',
click: () => {
options.align = 'left';
setMenuOptions("video-toggle", options);
}
},
{
label: "Middle",
type: "radio",
checked: options.align === 'middle',
click: () => {
options.align = 'middle';
setMenuOptions("video-toggle", options);
}
},
{
label: "Right",
type: "radio",
checked: options.align === 'right',
click: () => {
options.align = 'right';
setMenuOptions("video-toggle", options);
}
},
]
},
{ {
label: "Force Remove Video Tab", label: "Force Remove Video Tab",
type: "checkbox", type: "checkbox",