LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Fix table wrapping

Browse source 
Wrap second column instead of making it scroll horizontally.
This commit is contained in:
infinite-persistence 2021-04-05 17:22:19 +08:00 committed by Sean Yesmunt
parent 23072f1a46
commit a76f4e4dfe
3 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
static/app-strings.json
View file

@ -1757,6 +1757,7 @@
"Unable to obtain exchange rate. Try again later.": "Unable to obtain exchange rate. Try again later.",
"The BTC amount needs to be higher": "The BTC amount needs to be higher",
"The BTC amount is too high": "The BTC amount is too high",
"Address": "Address",
"Confirm Address Removal": "Confirm Address Removal",
"Remove BTC Swap Address": "Remove BTC Swap Address",
"This process cannot be reversed.": "This process cannot be reversed.",

4
ui/component/walletSwap/view.jsx
View file

@ -458,8 +458,8 @@ function WalletSwap(props: Props) {
<table className="table table--btc-swap">
<thead>
<tr>
<th>BTC address</th>
<th>Status</th>
<th>{__('Address')}</th>
<th>{__('Status')}</th>
<th />
</tr>
</thead>

11
ui/scss/component/_table.scss
View file

@ -155,12 +155,19 @@ th {
}
.table--btc-swap {
tr {
white-space: nowrap;
width: 100%;
td:nth-of-type(1) {
width: 1%;
}
td:nth-of-type(2) {
font-size: var(--font-small);
width: 98%;
}
td:nth-of-type(3) {
width: 1%;
}
}