smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-16 20:52:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(renderer): fix macos traffic lights gap

Browse Source 
- resolve #2035
This commit is contained in:
Su-Yong
2024-05-25 21:24:06 +09:00
parent 3a42d700fe
commit 4557aff9b6
3 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/plugins/in-app-menu/titlebar.css
View File

@ -4,12 +4,14 @@
} }
/* youtube-music style */ /* youtube-music style */
ytmusic-app-layout { ytmusic-app-layout {
overflow: scroll; overflow: scroll;
height: calc(100vh - var(--menu-bar-height, 36px)); height: calc(100vh - var(--menu-bar-height, 36px));
margin-top: var(--menu-bar-height, 36px) !important; margin-top: var(--menu-bar-height, 36px) !important;
} }
ytmusic-app-layout#layout {
--ytmusic-nav-bar-offset: 0px;
}
ytmusic-app-layout::-webkit-scrollbar{ ytmusic-app-layout::-webkit-scrollbar{
width: var(--ytmusic-scrollbar-width); width: var(--ytmusic-scrollbar-width);

1
src/renderer.ts
View File

@ -225,6 +225,7 @@ const preload = async () => {
t: i18t.bind(i18next), t: i18t.bind(i18next),
}; };
defineYTMDTransElements(); defineYTMDTransElements();
document.body.dataset.os = navigator.userAgent;
}; };
const main = async () => { const main = async () => {

9
src/youtube-music.css
View File

@ -80,3 +80,12 @@ tp-yt-paper-item.ytmusic-guide-entry-renderer::before {
ytmusic-player[player-ui-state=FULLSCREEN] { ytmusic-player[player-ui-state=FULLSCREEN] {
margin-top: calc(var(--menu-bar-height, 32px) * -1) !important; margin-top: calc(var(--menu-bar-height, 32px) * -1) !important;
} }
/* macos traffic lights fix */
:where([data-os*="Macintosh"]) ytmusic-app-layout#layout ytmusic-nav-bar {
padding-top: var(--ytmusic-nav-bar-offset, 0);
}
:where([data-os*="Macintosh"]) ytmusic-app-layout#layout {
--ytmusic-nav-bar-offset: 24px;
--ytmusic-nav-bar-height: calc(90px + var(--ytmusic-nav-bar-offset, 0));
}