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

Added option to change alignment of video-toggle

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/video-toggle/button-switcher.css
View File

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

15
plugins/video-toggle/front.js
View File

@ -31,6 +31,21 @@ 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) {

32
plugins/video-toggle/menu.js
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",
type: "checkbox",