Make description clamp to 3 lines max

dev
mdPlusPlus 2 years ago
parent ba23be9a63
commit 3970fc8ade

@ -16,7 +16,17 @@ header {
.td_identifier { font-family: monospace; } .td_identifier { font-family: monospace; }
#th_name { width:13%; } #th_name { width:13%; }
#th_language { width:0% } #th_language { width:0% }
#th_description { } #th_description { }
.clamp {
/*white-space: nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
display:
-webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#th_users { width:0% } #th_users { width:0% }
.td_users { text-align: right; } .td_users { text-align: right; }
#th_preview { width:19%; } #th_preview { width:19%; }

@ -38,8 +38,9 @@
<td class="td_language"><?=$room->language?></td> <td class="td_language"><?=$room->language?></td>
<td class="td_name"><?=$room->name?></td> <td class="td_name"><?=$room->name?></td>
<td class="td_description"> <td class="td_description">
<?=$room->description?> <div class="clamp">
<?=$room->description?>
</div>
</td> </td>
<td class="td_users"><?=$room->active_users?></td> <td class="td_users"><?=$room->active_users?></td>
<td class="td_preview"> <td class="td_preview">
@ -64,4 +65,4 @@
</td> </td>
</tr> </tr>
<?php endforeach; ?> <?php endforeach; ?>
</table> </table>

Loading…
Cancel
Save