diff --git a/plugins/in-app-menu/front.js b/plugins/in-app-menu/front.js index da5841f9..17c89d4e 100644 --- a/plugins/in-app-menu/front.js +++ b/plugins/in-app-menu/front.js @@ -43,9 +43,18 @@ module.exports = (options) => { setNavbarMargin(); const playPageObserver = new MutationObserver(setNavbarMargin); playPageObserver.observe($('ytmusic-app-layout'), { attributeFilter: ['player-page-open_', 'playerPageOpen_'] }) + setupSearchOpenObserver(); }, { once: true, passive: true }) }; +function setupSearchOpenObserver() { + const searchOpenObserver = new MutationObserver(mutations => { + $('#nav-bar-background').style.webkitAppRegion = + mutations[0].target.opened ? 'no-drag' : 'drag'; + }); + searchOpenObserver.observe($('ytmusic-search-box'), { attributeFilter: ["opened"] }) +} + function setNavbarMargin() { $('#nav-bar-background').style.right = $('ytmusic-app-layout').playerPageOpen_ ? diff --git a/plugins/in-app-menu/style.css b/plugins/in-app-menu/style.css index 946b3e4a..c27b2d57 100644 --- a/plugins/in-app-menu/style.css +++ b/plugins/in-app-menu/style.css @@ -79,3 +79,15 @@ yt-page-navigation-progress, .cet-menubar-menu-container .cet-action-item { background-color: inherit } + +#nav-bar-background { + -webkit-app-region: drag; +} + +ytmusic-nav-bar input, +ytmusic-nav-bar span, +ytmusic-nav-bar [role="button"], +ytmusic-nav-bar yt-icon, +tp-yt-iron-dropdown { + -webkit-app-region: no-drag; +}