From a8bc53912d1f4137008ecb2d9d5d9d9eb06ee2a8 Mon Sep 17 00:00:00 2001 From: Su-Yong Date: Sun, 24 Mar 2024 02:07:36 +0900 Subject: [PATCH] fix(style): fix miniplayer style --- src/plugins/album-color-theme/style.css | 2 +- src/plugins/ambient-mode/style.css | 2 +- src/plugins/in-app-menu/titlebar.css | 5 +++++ 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/plugins/album-color-theme/style.css b/src/plugins/album-color-theme/style.css index fe3320275f..7034f914f1 100644 --- 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 index 845657c909..fb72427db2 100644 --- 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 index 5e3f8a14cb..fee759ef6f 100644 --- 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;