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

fixes scrollbar position relative to navbar depending on player-page-open

Browse Source
This commit is contained in:
Araxeus
2021-10-25 22:45:11 +03:00
parent e0841060df
commit 12c31725fe
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/in-app-menu/front.js
View File

@ -1,6 +1,7 @@
const { remote, ipcRenderer } = require("electron");
const customTitlebar = require("custom-electron-titlebar");
function $(selector) { return document.querySelector(selector); }
module.exports = () => {
const bar = new customTitlebar.Titlebar({
@ -13,4 +14,19 @@ module.exports = () => {
ipcRenderer.on("updateMenu", function (_event, showMenu) {
bar.updateMenu(showMenu ? remote.Menu.getApplicationMenu() : null);
});
// Increases the right margin of Navbar background when the scrollbar is visible to avoid blocking it (z-index doesn't affect it)
document.addEventListener('apiLoaded', () => {
setNavbarMargin()
const playPageObserver = new MutationObserver(() => {
setNavbarMargin();
});
playPageObserver.observe($('ytmusic-app-layout'), { attributeFilter: ['player-page-open_', 'playerPageOpen_'] })
})
};
function setNavbarMargin() {
$('ytmusic-app-layout').playerPageOpen_ ?
$('#nav-bar-background').style.right = '0px' :
$('#nav-bar-background').style.right = '12px';
}

4
plugins/in-app-menu/style.css
View File

@ -4,10 +4,10 @@
font-size: 14px !important;
}
/* fixes scrollbar positioning relative to nav bar + its opacity */
/* fixes nav-bar-background opacity bug and allows clicking scrollbar through it */
#nav-bar-background {
right: 15px !important;
opacity: 1 !important;
pointer-events: none;
}
/* remove window dragging for nav bar (conflict with titlebar drag) */