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

update drawer

This commit is contained in:
Luke Pulverenti 2017-01-27 18:05:04 -05:00
parent f503b46422
commit 82bcca376f
10 changed files with 111 additions and 162 deletions

View file

@ -116,62 +116,8 @@ progress {
background: #fff !important;
}
.dashboardDocument .mainDrawerPanelContent {
transition: left ease-in-out 0.3s, padding ease-in-out 0.3s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.adminDrawer {
background: #fff !important;
}
.dashboardDocument .mainDrawerPanelContent {
transition: left ease-in-out 0.3s, padding ease-in-out 0.3s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media all and (min-width: 640px) {
.dashboardDocument .mainDrawer {
z-index: inherit !important;
top: 58px !important;
left: 0 !important;
transform: none !important;
}
.dashboardDocument .tmla-mask {
display: none !important;
}
.dashboardDocument .mainDrawerButton {
display: none !important;
}
.dashboardDocument .mainDrawerPanelContent {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 260px;
}
.dashboardDocument .adminDrawerLogo {
display: none;
}
}
.adminDrawer .sidebarLink {
color: #333 !important;
font-weight: 400 !important;
padding: .7em 0 .7em 2em;
}
.adminDrawer .sidebarHeader {
@ -179,11 +125,6 @@ progress {
font-weight: 500 !important;
}
.adminDrawer .sidebarLinkIcon {
color: #666;
margin-right: 1em;
}
.adminDrawer .sidebarLink:hover {
color: #00897B !important;
}
@ -193,10 +134,6 @@ progress {
color: #fff !important;
}
.adminDrawer .sidebarLink.selectedSidebarLink .sidebarLinkIcon {
color: #fff !important;
}
.adminDrawerLogo {
padding: 1.5em 1em 1.2em;
border-bottom: 1px solid #e0e0e0;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Before After
Before After

View file

@ -520,13 +520,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
}
}
@media all and (min-width: 800px) {
.mainDetailButtons, .itemDetailPage .recordingFields button {
font-size: 110%;
}
}
.detailImageProgressContainer {
position: absolute;
bottom: 4px;

View file

@ -213,6 +213,29 @@
}
}
.sidebarLink {
display: block;
text-decoration: none;
color: #111 !important;
font-weight: normal !important;
vertical-align: middle;
padding: 1em 0 1em 2.4em;
}
.sidebarLink:hover {
background: #f2f2f2;
}
.sidebarLink.selectedSidebarLink {
background: #f2f2f2 !important;
}
.sidebarHeader {
padding-left: 1.4em;
margin: 1.2em 0 .7em;
color: #666;
}
body:not(.dashboardDocument) .btnNotifications {
display: none !important;
}
@ -224,36 +247,26 @@ body:not(.dashboardDocument) .btnNotifications {
backdrop-filter: blur(5px);*/
}
.darkDrawer .sidebarLinkIcon {
color: #bbb !important;
margin-left: 1.6em;
.darkDrawer .sidebarLinkText, .darkDrawer .sidebarLink {
color: #fff !important;
}
.darkDrawer i.sidebarLinkIcon {
margin-left: 1.9em;
}
.darkDrawer .sidebarHeader {
color: #bbb !important;
}
.darkDrawer .sidebarLinkText, .darkDrawer .sidebarLink {
color: #fff !important;
font-weight: normal !important;
}
.darkDrawer .sidebarDivider {
background: #262626 !important;
}
.darkDrawer .sidebarHeader {
color: #bbb !important;
}
.darkDrawer .sidebarLink:hover {
background: #252528;
}
.darkDrawer .sidebarDivider {
background: #282828 !important;
}
.darkDrawer .sidebarLink:hover {
background: #252528;
}
.darkDrawer .sidebarLink.selectedSidebarLink, .darkDrawer .selectedMediaFolder {
background: #252528 !important;
color: #52B54B !important;
}
.darkDrawer .sidebarLink.selectedSidebarLink, .darkDrawer .selectedMediaFolder {
background: #252528 !important;
color: #52B54B !important;
}
body:not(.dashboardDocument) .headerAppsButton {
display: none;
@ -263,6 +276,15 @@ body:not(.dashboardDocument) .headerAppsButton {
padding-bottom: 10vh;
}
.dashboardDocument .mainDrawerPanelContent {
transition: left ease-in-out 0.3s, padding ease-in-out 0.3s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media all and (min-width: 640px) {
.mainDrawerPanel .viewMenuBarTabs {
@ -273,4 +295,47 @@ body:not(.dashboardDocument) .headerAppsButton {
.viewMenuBarTabs .libraryViewNav {
text-align: left !important;
}
}
.dashboardDocument .sidebarLink {
padding: .7em 0 .7em 2.4em;
}
.dashboardDocument .mainDrawer {
z-index: inherit !important;
left: 0 !important;
top: 0 !important;
transform: none !important;
}
.dashboardDocument .mainDrawer-scrollContainer {
margin-top: 50px !important;
}
.dashboardDocument.withTallToolbar .mainDrawer-scrollContainer {
margin-top: 98px !important;
}
.dashboardDocument .tmla-mask {
display: none !important;
}
.dashboardDocument .mainDrawerButton {
display: none !important;
}
.dashboardDocument .mainDrawerPanelContent {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 260px;
}
.dashboardDocument .adminDrawerLogo {
display: none !important;
}
.dashboardDocument .darkDrawer {
background-color: rgba(28,28,31,.3) !important;
}
}

View file

@ -211,46 +211,6 @@ div[data-role='page'] {
background-color: #f0f0f0;
}
.sidebarLinks {
margin-top: 1.5em;
padding-bottom: 50px;
}
.sidebarLink {
display: block;
padding: .8em 20px .8em 0;
text-decoration: none;
color: #111 !important;
font-weight: 500 !important;
vertical-align: middle;
font-size: 110%;
}
.sidebarLink:hover {
background: #f2f2f2;
}
.sidebarLink.selectedSidebarLink {
background: #f2f2f2 !important;
}
.sidebarLinkIcon {
text-align: center;
vertical-align: middle;
margin-right: 1.2em;
}
.sidebarLinkIcon + span {
vertical-align: middle;
}
.sidebarHeader {
padding-left: 20px;
margin: 15px 0 10px;
color: #666;
font-weight: 500;
}
.ui-content {
border-width: 0;
overflow: visible;