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

fix in-app-menu navbar opacity + scrollbar color

Browse Source
This commit is contained in:
Araxeus
2021-04-03 15:30:33 +03:00
parent 61e7124516
commit 216205200c
1 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,36 +8,36 @@
.menubar-menu-container {
overflow-y: visible !important;
}
/* fixes scrollbar positioning relative to nav bar */
#nav-bar-background.ytmusic-app-layout {
right: 15px !important;
}
/* remove window dragging for nav bar (conflict with titlebar drag) */
ytmusic-nav-bar,
.tab-titleiron-icon,
ytmusic-pivot-bar-item-renderer {
-webkit-app-region: unset;
-webkit-app-region: unset !important;
}
/* Move navBar downwards and make it opaque */
ytmusic-app-layout {
--ytmusic-nav-bar-height: 120px;
}
ytmusic-search-box.ytmusic-nav-bar {
margin-top: 29px;
}
.center-content.ytmusic-nav-bar {
background: #030303;
}
yt-page-navigation-progress,
#progress.yt-page-navigation-progress,
ytmusic-item-section-renderer[has-item-section-tabbed-header-renderer_]
#header.ytmusic-item-section-renderer,
/* fix weird positioning in search screen*/
ytmusic-header-renderer.ytmusic-search-page {
top: 90px !important;
position: unset !important;
}
/* Move navBar downwards */
ytmusic-app-layout > [slot="nav-bar"],
#nav-bar-background.ytmusic-app-layout {
top: 17px !important;
}
/* fix page progress bar position*/
yt-page-navigation-progress,
#progress.yt-page-navigation-progress {
top: 30px !important;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 12px;
@ -56,13 +56,13 @@ ytmusic-header-renderer.ytmusic-search-page {
background-clip: padding-box;
border: 2px solid rgba(0, 0, 0, 0);
background: rgb(49, 0, 0);
background: #3a3a3a;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
background: rgb(56, 0, 0); /* Some darker color when you click it */
background: #4d4c4c; /* Some darker color when you click it */
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;