Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Podcast text overflow fix on radio page

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
airtime_mvc/application/views/scripts/index/index.phtml
View file

@ -70,7 +70,7 @@
<div id="jp_container_1" class="jp-audio"> <div id="jp_container_1" class="jp-audio">
<div class="jp-type-playlist"> <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="jp-gui jp-interface">
<div class="playbar playbar-buttons"> <div class="playbar playbar-buttons">
<ul class="jp-controls rss-buttons"> <ul class="jp-controls rss-buttons">

14
airtime_mvc/public/css/radio-page/station-podcast.css
View file

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