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

update osd

This commit is contained in:
Luke Pulverenti 2015-08-28 15:10:44 -04:00
parent d516717cc9
commit 0e1df8a39d
4 changed files with 82 additions and 10 deletions

View file

@ -37,8 +37,6 @@
}
.videoControls {
padding: 0 .5em;
background-color: rgba(0, 0, 0, .7);
position: fixed;
left: 0;
bottom: 0;
@ -47,6 +45,14 @@
text-align: center;
}
.videoControls > div {
background-color: rgba(0, 0, 0, .7);
}
.videoControlButtons {
padding: 0 .5em;
}
.videoTopControls {
padding: 0 1em;
background-color: rgba(0, 0, 0, .5);
@ -69,8 +75,8 @@
}
.nowPlayingInfo {
text-align: center;
padding: 1.5em 1em 2em 1em;
text-align: left;
padding: 1.5em 1em 2em 3em;
}
#videoPlayer .nowPlayingImage img {
@ -88,7 +94,7 @@
vertical-align: top;
color: #eee;
display: inline-block;
width: 70%;
width: 80%;
font-weight: normal;
font-size: 14px;
}
@ -202,9 +208,9 @@
@media all and (max-width: 1400px), all and (max-height: 900px) {
#mediaPlayer .nowPlayingInfo {
/*#mediaPlayer .nowPlayingInfo {
display: none !important;
}
}*/
}
@media all and (max-width: 555px) {

View file

@ -4,7 +4,7 @@
}
.nowPlayingText {
display: inline-block;
display: inline-block;.
font-weight: normal;
position: relative;
top: -7px;
@ -18,6 +18,15 @@
max-width: 130px;
}
.mediaButton.infoButton iron-icon {
width: 34px;
height: 34px;
}
.mediaButton.active {
color: #2ad;
}
@media (min-width: 500px) {
.nowPlayingText {
max-width: 180px;