Adding text overflow protection on td when invoice is displayed

Responsive layout better maintained this way
This commit is contained in:
lepipele 2017-10-20 17:15:25 -05:00
parent 5fed7a3a0c
commit 8fe5835e09

View file

@ -3,6 +3,15 @@
ViewData["Title"] = "Invoice " + Model.Id;
}
<style type="text/css">
.overflowbox {
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
<section>
<div class="container">
@ -86,7 +95,7 @@
</tr>
<tr>
<th>Payment Url</th>
<td><a href="@Model.PaymentUrl">@Model.PaymentUrl</a></td>
<td class="overflowbox"><a href="@Model.PaymentUrl">@Model.PaymentUrl</a></td>
</tr>
</table>
</div>