Fixing display of long BOLT11 strings

This commit is contained in:
rockstardev 2019-05-09 12:53:13 -05:00 committed by Nicolas Dorier
parent e6c794d68f
commit 5b7988be79
3 changed files with 20 additions and 15 deletions

View File

@ -11,16 +11,6 @@
text-decoration: line-through;
}
.smMaxWidth {
max-width: 200px;
}
@@media (min-width: 768px) {
.smMaxWidth {
max-width: 400px;
}
}
.firstCol {
width: 140px;
}

View File

@ -57,10 +57,12 @@
<tr @replaced>
<td>@payment.Crypto</td>
<td>@payment.DepositAddress</td>
<td class="smMaxWidth text-truncate">
<a href="@payment.TransactionLink" target="_blank">
@payment.TransactionId
</a>
<td>
<div class="wraptextAuto">
<a href="@payment.TransactionLink" target="_blank">
@payment.TransactionId
</a>
</div>
</td>
<td class="text-right">@payment.Confirmations</td>
</tr>
@ -87,7 +89,7 @@
{
<tr>
<td>@payment.Crypto</td>
<td class="smMaxWidth text-truncate">@payment.BOLT11</td>
<td><div class="wraptextAuto">@payment.BOLT11</div></td>
</tr>
}
</tbody>

View File

@ -22,4 +22,17 @@
.display-when-ledger-connected{
display: none;
.wraptextAuto {
max-width: 300px;
text-overflow: ellipsis;
overflow: hidden;
display: block;
white-space: nowrap;
}
@media (min-width: 768px) {
.wraptextAuto {
max-width: 600px;
}
}