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

improve performance of now playing page

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

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;
}