1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update librarymenu

This commit is contained in:
Luke Pulverenti 2016-06-16 09:18:22 -04:00
parent 6bdb8e2a90
commit fe036d467f

View file

@ -186,13 +186,13 @@
text-transform: uppercase; text-transform: uppercase;
white-space: nowrap; white-space: nowrap;
padding: 0 0 0; padding: 0 0 0;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),1px 5px 1px rgba(0,0,0,.12);
} }
.libraryViewNav.bottom { .libraryViewNav.bottom {
top: auto !important; top: auto !important;
bottom: 0; bottom: 0;
} }
.libraryViewNav { .libraryViewNav {
@ -220,7 +220,7 @@
transition: none !important; transition: none !important;
position: relative; position: relative;
text-transform: uppercase; text-transform: uppercase;
font-weight: 500 !important; font-weight: bold !important;
height: auto; height: auto;
min-width: initial; min-width: initial;
line-height: initial; line-height: initial;
@ -237,11 +237,11 @@
}*/ }*/
.libraryViewNav .pageTabButton:focus { .libraryViewNav .pageTabButton:focus {
font-weight: 500 !important; font-weight: bold !important;
} }
.libraryViewNav .pageTabButton.is-active { .libraryViewNav .pageTabButton.is-active {
color: #fff !important; color: #52B54B !important;
} }
.pageTabButtonSelectionBar { .pageTabButtonSelectionBar {
@ -261,7 +261,7 @@
} }
.viewMenuBar, .libraryViewNav { .viewMenuBar, .libraryViewNav {
background-color: #020202; background-color: #282828;
color: #fff; color: #fff;
} }
@ -272,9 +272,12 @@
align-items: center; align-items: center;
} }
.viewMenuBar {
/*box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);*/
}
.dashboardDocument .viewMenuBar { .dashboardDocument .viewMenuBar {
background-color: #222; background-color: #222;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
height: auto; height: auto;
} }
@ -395,7 +398,7 @@
} }
.ui-panel.ui-body-b { .ui-panel.ui-body-b {
background-color: #212121; background-color: #1D1D20;
} }
@media all and (max-width: 400px) { @media all and (max-width: 400px) {
@ -456,7 +459,7 @@ body:not(.dashboardDocument) .btnNotifications {
} }
.darkDrawerPanel #drawer { .darkDrawerPanel #drawer {
background-color: #212121 !important; background-color: #1D1D20 !important;
/*background-color: rgba(40,40,40,.8) !important; /*background-color: rgba(40,40,40,.8) !important;
-webkit-backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);*/ backdrop-filter: blur(5px);*/
@ -482,11 +485,12 @@ body:not(.dashboardDocument) .btnNotifications {
} }
.darkDrawerPanel .sidebarLink:hover { .darkDrawerPanel .sidebarLink:hover {
background: #4d4d4d; background: #252528;
} }
.darkDrawerPanel .sidebarLink.selectedSidebarLink, .darkDrawerPanel .selectedMediaFolder { .darkDrawerPanel .sidebarLink.selectedSidebarLink, .darkDrawerPanel .selectedMediaFolder {
background: #4d4d4d !important; background: #252528 !important;
color: #52B54B!important;
} }
.darkDrawerPanel .headerAppsButton { .darkDrawerPanel .headerAppsButton {