SAAS-938: Long track metadata messes up player bar on the radio page

This commit is contained in:
drigato 2015-07-10 09:08:19 -04:00
parent 670395bb2e
commit c44035c27d
1 changed files with 34 additions and 0 deletions

View File

@ -39,6 +39,7 @@ body {
.on_air {
display: inline-block;
margin-left: 40px;
width: 65%
}
.bottom_bar p.now_playing {
@ -47,11 +48,19 @@ body {
font-weight: 300;
float: left;
margin: 28px 0px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bottom_bar p.now_playing span {
display: block;
font-weight: 100;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bottom_bar .button {
@ -88,6 +97,30 @@ body {
float: right;
}
@media (max-width: 1230px) {
.on_air {
width: 60%;
}
}
@media (max-width: 1075px) {
.on_air {
width: 55%;
}
}
@media (max-width: 960px) {
.on_air {
width: 50%;
}
}
@media (max-width: 850px) {
.on_air {
width: 45%;
}
}
@media (max-width: 780px) {
.bottom_bar {
height: 80px;
@ -122,6 +155,7 @@ body {
left: 0px;
right: 0px;
padding-top: 40px;
width: 100%;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(69%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));