fix(style): fix miniplayer style

th-ch · Mar 23, 2024 · a8bc539 · a8bc539
1 parent ed700c2
commit a8bc539
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/plugins/album-color-theme/style.css b/src/plugins/album-color-theme/style.css
@@ -30,7 +30,7 @@ yt-page-navigation-progress {
 
 /* fix blur navigation bar */
 
-ytmusic-app-layout > [slot='player-page'] {
+ytmusic-app-layout > [slot="player-page"]:not([is-mweb-modernization-enabled]) {
   padding-top: 90px;
   margin-top: calc(-90px + var(--menu-bar-height, 0px)) !important;
 }

diff --git a/src/plugins/ambient-mode/style.css b/src/plugins/ambient-mode/style.css
@@ -29,7 +29,7 @@
   height: 100%;
 }
 
-#player:not([video-mode]):not(.video-mode):not([player-ui-state='MINIPLAYER']) {
+#player:not([video-mode]):not(.video-mode):not([player-ui-state='MINIPLAYER']):not([is-mweb-modernization-enabled])  {
   width: 100%;
   margin: 0 auto !important;
   overflow: visible;

diff --git a/src/plugins/in-app-menu/titlebar.css b/src/plugins/in-app-menu/titlebar.css
@@ -52,6 +52,11 @@ ytmusic-guide-renderer {
   ) !important;
 }
 
+/* fix mini player behavior */
+ytmusic-app-layout ytmusic-player-page[is-mweb-modernization-enabled] .side-panel.ytmusic-player-page {
+  transform: translate(0, calc(var(--ytmusic-player-page-inner-height) - var(--ytmusic-player-page-tabs-header-height) - var(--ytmusic-player-page-player-bar-height) - var(--menu-bar-height, 32px) ));
+}
+
 /* ytm-bugs: see https://github.com/th-ch/youtube-music/issues/1737 */
 html {
   scrollbar-color: unset;