SAAS-938: Long track metadata messes up player bar on the radio page
This commit is contained in:
parent
670395bb2e
commit
c44035c27d
|
@ -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)));
|
||||
|
|
Loading…
Reference in New Issue