mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update drawer
This commit is contained in:
parent
f503b46422
commit
82bcca376f
10 changed files with 111 additions and 162 deletions
|
@ -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 |
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue