fix(style): fix miniplayer style

This commit is contained in:
Su-Yong
2024-03-24 02:07:36 +09:00
parent ed700c2916
commit a8bc53912d
3 changed files with 7 additions and 2 deletions

View File

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

View File

@ -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;

View File

@ -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;