smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-11 10:31:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add blur to (library)header + make in-app-menu compatible

Browse Source
This commit is contained in:
Araxeus
2021-10-25 00:43:42 +03:00
parent a47c906ab2
commit b7b55b5c83
2 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@ -4,9 +4,10 @@
font-size: 14px !important; font-size: 14px !important;
} }
/* fixes scrollbar positioning relative to nav bar */ /* fixes scrollbar positioning relative to nav bar + its opacity */
#nav-bar-background.ytmusic-app-layout { #nav-bar-background {
right: 15px !important; right: 15px !important;
opacity: 1 !important;
} }
/* remove window dragging for nav bar (conflict with titlebar drag) */ /* remove window dragging for nav bar (conflict with titlebar drag) */
@ -16,14 +17,9 @@ ytmusic-pivot-bar-item-renderer {
-webkit-app-region: unset !important; -webkit-app-region: unset !important;
} }
/* navbar background black */ /* move up item selectrion renderer by 13 px */
.center-content.ytmusic-nav-bar { ytmusic-item-section-renderer.stuck #header.ytmusic-item-section-renderer {
background: #030303; top: calc(var(--ytmusic-nav-bar-height) - 13px) !important;
}
/* move up item selectrion renderer by 15 px */
ytmusic-item-section-renderer[has-item-section-tabbed-header-renderer_] #header.ytmusic-item-section-renderer {
top: 75 !important;
} }
/* fix weird positioning in search screen*/ /* fix weird positioning in search screen*/
@ -32,8 +28,8 @@ ytmusic-header-renderer.ytmusic-search-page {
} }
/* Move navBar downwards */ /* Move navBar downwards */
ytmusic-app-layout > [slot="nav-bar"], ytmusic-nav-bar[slot="nav-bar"],
#nav-bar-background.ytmusic-app-layout { #nav-bar-background {
top: 17px !important; top: 17px !important;
} }