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

Merge pull request #491 from Araxeus/fix-blur

Browse Source 
fix interaction between blur navbar & in-app-menu
This commit is contained in:
th-ch
2021-11-30 00:14:49 +01:00
committed by GitHub
parent 3a068af925 93e0664f95
commit 4e4b557413
2 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
plugins/blur-nav-bar/style.css
View File

@ -1,8 +1,10 @@
#nav-bar-background, #header.ytmusic-item-section-renderer { #nav-bar-background,
background: rgba(0, 0, 0, 0.3) !important; #header.ytmusic-item-section-renderer,
backdrop-filter: blur(18px) !important; ytmusic-tabs {
background: rgba(0, 0, 0, 0.3) !important;
backdrop-filter: blur(8px) !important;
} }
#nav-bar-divider { #nav-bar-divider {
display: none !important; display: none !important;
} }

17
plugins/in-app-menu/style.css
View File

@ -4,10 +4,13 @@
font-size: 14px !important; font-size: 14px !important;
} }
/* fixes nav-bar-background opacity bug and allows clicking scrollbar through it */ /* fixes nav-bar-background opacity bug, reposition it, and allows clicking scrollbar through it */
#nav-bar-background { #nav-bar-background {
opacity: 1 !important; opacity: 1 !important;
pointer-events: none; pointer-events: none !important;
position: sticky !important;
top: 0 !important;
height: 75px !important;
} }
/* remove window dragging for nav bar (conflict with titlebar drag) */ /* remove window dragging for nav bar (conflict with titlebar drag) */
@ -17,9 +20,10 @@ ytmusic-pivot-bar-item-renderer {
-webkit-app-region: unset !important; -webkit-app-region: unset !important;
} }
/* move up item selection renderer by 13 px */ /* move up item selection renderers */
ytmusic-item-section-renderer.stuck #header.ytmusic-item-section-renderer { ytmusic-item-section-renderer.stuck #header.ytmusic-item-section-renderer,
top: calc(var(--ytmusic-nav-bar-height) - 13px) !important; ytmusic-tabs.stuck {
top: calc(var(--ytmusic-nav-bar-height) - 15px) !important;
} }
/* fix weird positioning in search screen*/ /* fix weird positioning in search screen*/
@ -28,8 +32,7 @@ ytmusic-header-renderer.ytmusic-search-page {
} }
/* Move navBar downwards */ /* Move navBar downwards */
ytmusic-nav-bar[slot="nav-bar"], ytmusic-nav-bar[slot="nav-bar"] {
#nav-bar-background {
top: 17px !important; top: 17px !important;
} }