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