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

SAAS-851: Embed schedule widget loses format with long show names

This commit is contained in:
drigato 2015-06-05 14:35:27 -04:00
parent 8386145cb9
commit 1974774e0c
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
airtime_mvc/application/views/scripts/embed/weekly-program.phtml
View File

@ -39,13 +39,13 @@
$activeClass = $this->currentDayOfMonth == $data["dayOfMonth"] ? "active" : ""; $activeClass = $this->currentDayOfMonth == $data["dayOfMonth"] ? "active" : "";
echo"<div id='day-".$data["dayOfMonth"]."' class='schedule_item ".$activeClass."'> echo"<div id='day-".$data["dayOfMonth"]."' class='schedule_item ".$activeClass."'>
<table class='widget widget now-playing-list'> <table class='widget widget now-playing-list'>
<colgroup><col width='150'><col width='350'><col width='20'></colgroup>
<thead></thead> <thead></thead>
<tfoot><tr><td></td></tr></tfoot> <tfoot><tr><td></td></tr></tfoot>
<tbody>"; <tbody>";
foreach ($data["shows"] as $show => $showData) { foreach ($data["shows"] as $show => $showData) {
echo "<tr><td class='time_grid col_two'>".$showData["show_start_hour"].' - '.$showData["show_end_hour"]."</td> echo "<tr><td class='time_grid col_two'><div>".$showData["show_start_hour"].' - '.$showData["show_end_hour"]."</div></td>
<td class='name_grid'><h4>".$showData["name"]."</h4></td><td class='more_grid'></td></tr>"; <td class='name_grid'><div><h4>".$showData["name"]."</h4></div></td></tr>";
} }
echo "</tbody></table></div>"; echo "</tbody></table></div>";
}?> }?>

17
airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
View File

@ -62,6 +62,8 @@ body {
transition: max-height 2s ease; transition: max-height 2s ease;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden;
text-overflow: ellipsis;
/*transition-delay: 1s;*/ /*transition-delay: 1s;*/
} }
@ -97,6 +99,18 @@ body {
color: #AAAAAA; color: #AAAAAA;
} }
.schedule_item .time_grid div {
/*padding-right: 10px;*/
width:120px;
}
.schedule_item .name_grid div {
/*padding-right: 10px;*/
overflow: hidden;
text-overflow: ellipsis;
}
.schedule_item .name_grid { .schedule_item .name_grid {
padding-left: 10px; padding-left: 10px;
} }
@ -104,6 +118,9 @@ body {
.schedule_item h4 { .schedule_item h4 {
margin: 10px 0px; margin: 10px 0px;
font-weight: 400; font-weight: 400;
overflow: hidden;
text-overflow:ellipsis;
overflow-x: hidden;
} }
.weekly-schedule-widget-footer { .weekly-schedule-widget-footer {