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

add more to video osd

This commit is contained in:
Luke Pulverenti 2015-05-13 13:53:26 -04:00
parent 973adc227f
commit c14b074ab9
3 changed files with 46 additions and 37 deletions

View file

@ -74,10 +74,8 @@
}
.nowPlayingInfo {
position: fixed;
bottom: 8px;
left: 10px;
z-index: 99999;
text-align: center;
padding: 1em 1em 1.5em;
}
#videoPlayer .nowPlayingImage img {
@ -88,14 +86,24 @@
#videoPlayer .nowPlayingText {
font-weight: normal;
margin: 0 0 0 5px;
max-width: 150px;
margin: 0 0 0 1em;
max-width: initial;
overflow: hidden;
white-space: nowrap;
white-space: normal;
text-overflow: ellipsis;
text-align: left;
vertical-align: bottom;
vertical-align: top;
position: static;
color: #eee;
max-width: 800px;
}
.videoNowPlayingName {
font-size: 26px;
}
.videoNowPlayingOverview, .videoNowPlayingRating {
margin: 1em 0;
}
.videoTopControlsLogo {
@ -155,20 +163,6 @@
margin-right: 0;
min-width: 120px;
}
.videoControls .nowPlayingText {
max-width: 160px;
}
#mediaPlayer .nowPlayingImage {
display: none;
}
}
@media all and (max-width: 960px), all and (max-height: 550px) {
.videoControls .nowPlayingText {
max-width: 90px;
}
}
@media all and (max-width: 800px), all and (max-height: 460px) {
@ -178,7 +172,7 @@
}
}
@media all and (max-width: 1000px), all and (max-height: 460px) {
@media all and (max-width: 1000px), all and (max-height: 600px) {
#mediaPlayer .nowPlayingImage, #mediaPlayer .nowPlayingText {
display: none;
@ -204,7 +198,7 @@
@media all and (min-width: 1300px) {
#videoPlayer .nowPlayingImage img {
height: auto !important;
max-width: 150px;
max-width: 250px;
max-height: 300px;
}
}