Make description clamp to 3 lines max

dev
mdPlusPlus 1 year ago
parent ba23be9a63
commit 3970fc8ade

@ -16,7 +16,17 @@ header {
.td_identifier { font-family: monospace; }
#th_name { width:13%; }
#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% }
.td_users { text-align: right; }
#th_preview { width:19%; }

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

Loading…
Cancel
Save