Podcast text overflow fix on radio page

This commit is contained in:
drigato 2015-11-17 11:42:01 -05:00
parent 6a668f79af
commit b94164107f
2 changed files with 14 additions and 2 deletions

View file

@ -70,7 +70,7 @@
<div id="jp_container_1" class="jp-audio">
<div class="jp-type-playlist">
<div class="current-track">Now Playing: <span></span></div>
<div class="current-track track-overflow">Now Playing: <span class="track-overflow"></span></div>
<div class="jp-gui jp-interface">
<div class="playbar playbar-buttons">
<ul class="jp-controls rss-buttons">

View file

@ -369,16 +369,27 @@ div.jp-title,
display: block;
text-transform: uppercase;
clear: both;
text-overflow: ellipsis;
overflow: hidden;
word-wrap: break-word;
}
.current-track span {
display: inline-block;
display: inline;
margin-left:10px;
color: #FF6F01;
width: 90%;
}
.track-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.podcast ul li .podcast_info {
display: inline-block;
width: 99%;
}
.podcast ul li span, .playlist-item-no-preview span {
@ -570,6 +581,7 @@ div.jp-jplayer {
}
}
@media (max-width: 590px) {
.jp-time-block {
display:block !important;