Merge pull request #989 from Araxeus/in-app-menu-draggable-navbar

[in-app-menu] make navbar draggable

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_ ?

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;
+}