mirror of
https://github.com/th-ch/youtube-music.git
synced 2026-01-11 18:41:47 +00:00
75 lines
2.1 KiB
CSS
75 lines
2.1 KiB
CSS
:root {
|
|
--titlebar-background-color: var(--ytmusic-color-black3);
|
|
--menu-bar-height: 32px;
|
|
}
|
|
|
|
/* youtube-music style */
|
|
ytmusic-app-layout {
|
|
overflow: scroll;
|
|
height: calc(100vh - var(--menu-bar-height, 36px));
|
|
margin-top: var(--menu-bar-height, 36px) !important;
|
|
}
|
|
ytmusic-app-layout#layout {
|
|
--ytmusic-nav-bar-offset: 0px;
|
|
}
|
|
|
|
ytmusic-app-layout::-webkit-scrollbar{
|
|
width: var(--ytmusic-scrollbar-width);
|
|
}
|
|
ytmusic-app-layout::-webkit-scrollbar-thumb{
|
|
background-color: rgb(126, 126, 126);
|
|
}
|
|
|
|
ytmusic-app-layout > [slot='nav-bar'],
|
|
#nav-bar-background.ytmusic-app-layout {
|
|
top: var(--menu-bar-height, 36px) !important;
|
|
}
|
|
#nav-bar-divider.ytmusic-app-layout {
|
|
top: calc(
|
|
var(--ytmusic-nav-bar-height) + var(--menu-bar-height, 36px)
|
|
) !important;
|
|
}
|
|
ytmusic-app[is-bauhaus-sidenav-enabled] #guide-spacer.ytmusic-app,
|
|
ytmusic-app[is-bauhaus-sidenav-enabled] #mini-guide-spacer.ytmusic-app {
|
|
margin-top: calc(
|
|
var(--ytmusic-nav-bar-height) + var(--menu-bar-height, 36px)
|
|
) !important;
|
|
}
|
|
|
|
@media (max-width: 935px) {
|
|
ytmusic-app[is-bauhaus-sidenav-enabled] #guide-spacer.ytmusic-app {
|
|
margin-top: calc(
|
|
var(--menu-bar-height, 36px)
|
|
) !important;
|
|
}
|
|
ytmusic-app[is-bauhaus-sidenav-enabled] #mini-guide-spacer.ytmusic-app {
|
|
margin-top: calc(
|
|
var(--ytmusic-nav-bar-height) + var(--menu-bar-height, 36px)
|
|
) !important;
|
|
}
|
|
}
|
|
|
|
ytmusic-app-layout > [slot='player-page'] {
|
|
margin-top: var(--menu-bar-height);
|
|
height: calc(
|
|
100vh - var(--menu-bar-height) - var(--ytmusic-nav-bar-height) -
|
|
var(--ytmusic-player-bar-height)
|
|
) !important;
|
|
}
|
|
|
|
ytmusic-guide-renderer {
|
|
height: calc(
|
|
100vh - var(--menu-bar-height) - var(--ytmusic-nav-bar-height)
|
|
) !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;
|
|
}
|