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

improve performance of now playing page

Browse source
This commit is contained in:
Luke Pulverenti 2016-02-05 21:47:06 -05:00
parent bbf03fdf40
commit fe6a85e143
9 changed files with 1162 additions and 1110 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -17,7 +17,7 @@
}
.background-theme-b, paper-dialog.background-theme-b {
background-color: #202020;
background-color: #1A1A1A;
/*background: radial-gradient(circle, #282828, #141414);*/
}

58
dashboard-ui/css/nowplaying.css
View file

@ -17,9 +17,12 @@
display: inline-block !important;
}
.nowPlayingPageImage img {
max-height: 360px;
max-width: 360px;
.nowPlayingPageImage {
height: 360px;
width: 360px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.nowPlayingPageTimeContainer {
@ -89,9 +92,9 @@
@media all and (max-width: 700px) {
.nowPlayingPageImage img {
max-height: 160px;
max-width: 200px;
.nowPlayingPageImage {
height: 160px;
width: 160px;
}
}
@ -109,16 +112,17 @@
margin: 2px 0;
}
.nowPlayingPageImage img {
max-height: 160px;
max-width: 220px;
.nowPlayingPageImage {
height: 160px;
width: 160px;
}
}
@media all and (max-height: 500px) {
.nowPlayingPageImage img {
max-height: 120px;
.nowPlayingPageImage {
height: 120px;
width: 120px;
}
}
@ -130,7 +134,8 @@
}
.nowPlayingPageTitle {
margin: .5em 0;
margin: 1.5em auto .5em;
max-width: 50%;
}
.nowPlayingInfoButtons {
@ -140,7 +145,7 @@
@media all and (min-height: 600px) {
.nowPlayingPageTitle {
margin: 1em 0;
margin-top: 2em;
}
.nowPlayingInfoButtons {
@ -173,16 +178,6 @@
}
@media (orientation: landscape) and (max-height: 400px) {
.nowPlayingPageTitle {
margin: 0 auto;
width: 50%;
position: absolute;
text-align: center;
left: 0;
right: 0;
top: -20px;
}
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
width: 60px;
height: 60px;
@ -190,15 +185,6 @@
}
@media (orientation: portrait) and (max-height: 600px) {
.nowPlayingPageTitle {
margin: 0 auto;
width: 50%;
position: absolute;
text-align: center;
left: 0;
right: 0;
top: -20px;
}
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
width: 60px;
@ -224,3 +210,11 @@
width: 40px;
height: 40px;
}
.hideVideoButtons .videoButton {
visibility: hidden;
}
.hideVolumeButtons .volumeButton {
visibility: hidden;
}

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

@ -109,13 +109,13 @@
height: 80px;
}
.nowPlayingBar .nowPlayingImage {
height: 80px;
width: 80px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.nowPlayingBar .nowPlayingImage {
width: 80px;
height: 80px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.nowPlayingBarText {
display: inline-block;
@ -280,10 +280,15 @@
display: none !important;
}
.nowPlayingBar, .nowPlayingImage img {
.nowPlayingBar {
height: 70px;
}
.nowPlayingBar .nowPlayingImage {
height: 70px;
width: 70px;
}
.nowPlayingBarPositionContainer {
left: 70px;
}