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

update tabs

Browse source
This commit is contained in:
Luke Pulverenti 2015-07-01 11:47:41 -04:00
parent c8eb5f2b0c
commit 5bd79b1ab7
18 changed files with 325 additions and 314 deletions
Download patch file Download diff file Expand all files Collapse all files

27
dashboard-ui/css/librarybrowser.css
View file

@ -12,16 +12,33 @@
margin-left: .5em;
}
.backdropPage.ui-page-theme-a {
.pageWithAbsoluteTabs {
background-color: transparent !important;
}
.backdropPage.ui-page-theme-a:not(.pageWithAbsoluteTabs) {
background-color: rgba(240, 240,240, .94) !important;
}
.ui-page-theme-b {
background-color: #1f1f1f;
.backdropPage.ui-page-theme-b:not(.pageWithAbsoluteTabs), .backdropPage.pageWithAbsoluteTabs .pageBackground {
background-color: rgba(20, 20,20, .92) !important;
}
.backdropPage.ui-page-theme-b {
background-color: rgba(20, 20,20, .92) !important;
.pageWithAbsoluteTabs .pageBackground {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.pageWithAbsoluteTabs neon-animatable {
z-index: 2;
}
.ui-page-theme-b:not(.pageWithAbsoluteTabs), .pageWithAbsoluteTabs .pageBackground {
background-color: #1f1f1f;
}
.backdropContainer {

36
dashboard-ui/css/librarymenu.css
View file

@ -253,12 +253,12 @@
background-color: #212121;
}
.libraryViewNav .ui-btn-active {
.libraryViewNav:not(.paperLibraryViewNav) .ui-btn-active {
border-bottom-color: #38c;
color: #fff !important;
}
.libraryViewNav a {
.libraryViewNav:not(.paperLibraryViewNav) a {
display: inline-block;
padding: 14px 13px 11px;
color: rgba(255,255,255,.8) !important;
@ -269,9 +269,35 @@
border-bottom: 5px solid transparent;
}
.libraryViewNav a:not(.ui-btn-active):hover {
color: #2ad !important;
}
.paperLibraryViewNav a {
color: #ddd !important;
text-decoration: none;
text-align: center;
vertical-align: middle;
line-height: 48px;
}
.paperLibraryViewNav .iron-selected a {
color: inherit !important;
text-decoration: none;
text-align: center;
}
.basicPaperLibraryTabs .libraryViewNav .tab-content {
border-bottom: 6px solid transparent;
}
.basicPaperLibraryTabs .libraryViewNav .iron-selected .tab-content {
border-bottom: 6px solid #38c;
}
.basicPaperLibraryTabs .libraryViewNav paper-tabs {
display: none;
}
.libraryViewNav:not(.paperLibraryViewNav) a:not(.ui-btn-active):hover {
color: #2ad !important;
}
@media all and (max-width: 500px) {

28
dashboard-ui/css/nowplayingbar.css
View file

@ -15,11 +15,6 @@
margin: 0;
text-align: center;
}
.nowPlayingBar paper-icon-button.mediaButton {
padding: 4px;
}
.mediaButton iron-icon {
height: 40px;
width: 40px;
@ -100,7 +95,7 @@
.nowPlayingBarCenter {
vertical-align: middle;
text-align: center;
margin-top: 20px;
margin-top: 17px;
}
.nowPlayingBarPositionContainer {
@ -143,7 +138,7 @@
.nowPlayingBarRight {
position: absolute;
bottom: 22px;
bottom: 17px;
right: 10px;
vertical-align: middle;
}
@ -156,7 +151,7 @@
vertical-align: middle;
font-weight: normal;
position: absolute;
bottom: 38px;
bottom: 36px;
text-align: center;
display: inline-block;
margin: 0 auto;
@ -174,7 +169,7 @@
}
@media all and (max-width: 1200px) {
@media all and (max-width: 1300px) {
.nowPlayingBarUserDataButtons {
display: none;
@ -192,14 +187,16 @@
}
.nowPlayingBarRight {
bottom: 26px;
bottom: 22px;
}
}
@media all and (max-width: 800px) {
.nowPlayingBarCurrentTime {
display: none;
padding-left: 0;
bottom: 30px;
right: 130px;
}
.nowPlayingBarCenter > *:not(.nowPlayingBarCurrentTime) {
@ -207,7 +204,7 @@
}
.nowPlayingBarRight {
bottom: 12px;
bottom: 10px;
}
.nowPlayingBar, .nowPlayingImage img {
@ -237,3 +234,10 @@
display: none;
}
}
@media all and (max-width: 600px) {
.nowPlayingBarCurrentTime {
display: none;
}
}

9
dashboard-ui/css/site.css
View file

@ -312,6 +312,8 @@ html {
body {
overflow-y: scroll !important;
/* This is needed to prevent a horizontal scrollbar while neon-animated-pages are animating. */
overflow-x: hidden;
font-size: 13px;
font-family: Roboto, Arial, Helvetica, sans-serif;
/*Can't use this with safari or it causes some content to disappear*/
@ -330,6 +332,11 @@ body {
background-color: transparent !important;
}
/* Undo this from jqm which may cause the page to have it's own scrollbar */
.ui-mobile .ui-page-active {
overflow-x: visible;
}
.bodyWithPopupOpen {
overflow-y: hidden !important;
}
@ -752,7 +759,7 @@ h1 .imageLink {
margin-bottom: 30px !important;
}
.page > .ui-content {
.page > .ui-content, .pageWithAbsoluteTabs .pageTabContent {
/* Need this so that the audio player doesn't cover content, but also for unveil lazy loading. */
padding-bottom: 160px;
}