mirror of
https://github.com/th-ch/youtube-music.git
synced 2026-01-11 10:31:47 +00:00
Added option to change alignment of video-toggle
This commit is contained in:
@ -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 {
|
||||||
|
|||||||
@ -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) {
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user