From bf45ed10aa470a5964224d2de875b8cabee0d08e Mon Sep 17 00:00:00 2001 From: Araxeus <78568641+Araxeus@users.noreply.github.com> Date: Sun, 14 Nov 2021 21:45:34 +0200 Subject: [PATCH 1/2] fix #490 --- plugins/blur-nav-bar/style.css | 2 +- plugins/in-app-menu/style.css | 10 ++++++---- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/plugins/blur-nav-bar/style.css b/plugins/blur-nav-bar/style.css index d1722b79..13b7536c 100644 --- a/plugins/blur-nav-bar/style.css +++ b/plugins/blur-nav-bar/style.css @@ -1,6 +1,6 @@ #nav-bar-background, #header.ytmusic-item-section-renderer { background: rgba(0, 0, 0, 0.3) !important; - backdrop-filter: blur(18px) !important; + backdrop-filter: blur(8px) !important; } #nav-bar-divider { diff --git a/plugins/in-app-menu/style.css b/plugins/in-app-menu/style.css index 090a94ef..48ec7f67 100644 --- a/plugins/in-app-menu/style.css +++ b/plugins/in-app-menu/style.css @@ -7,7 +7,10 @@ /* fixes nav-bar-background opacity bug and allows clicking scrollbar through it */ #nav-bar-background { 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) */ @@ -19,7 +22,7 @@ ytmusic-pivot-bar-item-renderer { /* move up item selection renderer by 13 px */ ytmusic-item-section-renderer.stuck #header.ytmusic-item-section-renderer { - top: calc(var(--ytmusic-nav-bar-height) - 13px) !important; + top: calc(var(--ytmusic-nav-bar-height) - 13px) !important; } /* fix weird positioning in search screen*/ @@ -28,8 +31,7 @@ ytmusic-header-renderer.ytmusic-search-page { } /* Move navBar downwards */ -ytmusic-nav-bar[slot="nav-bar"], -#nav-bar-background { +ytmusic-nav-bar[slot="nav-bar"] { top: 17px !important; } From 93e0664f95dcb7ebd7037e47bd822510d484bd40 Mon Sep 17 00:00:00 2001 From: Araxeus <78568641+Araxeus@users.noreply.github.com> Date: Sun, 14 Nov 2021 21:59:04 +0200 Subject: [PATCH 2/2] fix height & blur of search page item header --- plugins/blur-nav-bar/style.css | 10 ++++++---- plugins/in-app-menu/style.css | 9 +++++---- 2 files changed, 11 insertions(+), 8 deletions(-) diff --git a/plugins/blur-nav-bar/style.css b/plugins/blur-nav-bar/style.css index 13b7536c..26ad4182 100644 --- a/plugins/blur-nav-bar/style.css +++ b/plugins/blur-nav-bar/style.css @@ -1,8 +1,10 @@ -#nav-bar-background, #header.ytmusic-item-section-renderer { - background: rgba(0, 0, 0, 0.3) !important; - backdrop-filter: blur(8px) !important; +#nav-bar-background, +#header.ytmusic-item-section-renderer, +ytmusic-tabs { + background: rgba(0, 0, 0, 0.3) !important; + backdrop-filter: blur(8px) !important; } #nav-bar-divider { - display: none !important; + display: none !important; } diff --git a/plugins/in-app-menu/style.css b/plugins/in-app-menu/style.css index 48ec7f67..8c13c62b 100644 --- a/plugins/in-app-menu/style.css +++ b/plugins/in-app-menu/style.css @@ -4,7 +4,7 @@ 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 { opacity: 1 !important; pointer-events: none !important; @@ -20,9 +20,10 @@ ytmusic-pivot-bar-item-renderer { -webkit-app-region: unset !important; } -/* move up item selection renderer by 13 px */ -ytmusic-item-section-renderer.stuck #header.ytmusic-item-section-renderer { - top: calc(var(--ytmusic-nav-bar-height) - 13px) !important; +/* move up item selection renderers */ +ytmusic-item-section-renderer.stuck #header.ytmusic-item-section-renderer, +ytmusic-tabs.stuck { + top: calc(var(--ytmusic-nav-bar-height) - 15px) !important; } /* fix weird positioning in search screen*/