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

update now playing page

This commit is contained in:
Luke Pulverenti 2015-06-26 11:53:49 -04:00
parent 878eac1535
commit 19f8c11c38
100 changed files with 45182 additions and 417 deletions

View file

@ -987,6 +987,11 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
display: inline-block;
}
.playedIndicator .material-icons {
font-size: 16px;
line-height: 24px;
}
.textIndicator {
height: 22px;
padding-top: 2px;

View file

@ -166,6 +166,10 @@
border: 0;
}
.hiddenViewMenuBar .viewMenuBar {
display: none;
}
.libraryViewNav {
height: 49px;
overflow: hidden;

View file

@ -1,16 +1,20 @@
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
text-align: center;
font-size: 24px;
padding: 14px 0;
margin: 3px 1px;
width: 70px;
background: #383838;
border-radius: 5px;
.nowPlayingPage {
padding-top: 0 !important;
}
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
text-align: center;
font-size: 24px;
padding: 14px 0;
margin: 3px 1px;
width: 70px;
background: #383838;
border-radius: 5px;
}
.nowPlayingPageImage img {
max-height: 220px;
max-width: 220px;
max-height: 360px;
max-width: 360px;
}
.nowPlayingTimeContainer {
@ -85,15 +89,7 @@
.nowPlayingPageImage img {
max-height: 160px;
max-width: 220px;
}
}
@media all and (max-width: 600px) {
.nowPlayingPageImage img {
max-height: 160px;
max-width: 220px;
max-width: 200px;
}
}
@ -148,7 +144,41 @@
vertical-align: top;
}
.nowPlayingInfoButtons {
margin-left: 1em;
}
}
@media (orientation: landscape) and (min-width: 700px) {
.nowPlayingInfoButtons {
margin-left: 3em;
}
}
@media (orientation: landscape) and (max-height: 400px) {
.nowPlayingPageTitle {
margin-top: -1em;
padding: 0 60px;
}
}
@media (orientation: portrait) and (max-height: 600px) {
.nowPlayingPageTitle {
margin-top: -1em;
padding: 0 60px;
}
}
.nowPlayingSelectedPlayer {
display: inline-block;
vertical-align: middle;
color: #eee;
margin-right: .25em;
}
@media all and (max-width: 600px) {
.nowPlayingSelectedPlayer {
display: none;
}
}