mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2024-11-20 10:40:29 +01:00
Fixing display of long BOLT11 strings
This commit is contained in:
parent
e6c794d68f
commit
5b7988be79
@ -11,16 +11,6 @@
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.smMaxWidth {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
@@media (min-width: 768px) {
|
||||
.smMaxWidth {
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.firstCol {
|
||||
width: 140px;
|
||||
}
|
||||
|
@ -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>
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user