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.", "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 needs to be higher": "The BTC amount needs to be higher",
"The BTC amount is too high": "The BTC amount is too high", "The BTC amount is too high": "The BTC amount is too high",
"Address": "Address",
"Confirm Address Removal": "Confirm Address Removal", "Confirm Address Removal": "Confirm Address Removal",
"Remove BTC Swap Address": "Remove BTC Swap Address", "Remove BTC Swap Address": "Remove BTC Swap Address",
"This process cannot be reversed.": "This process cannot be reversed.", "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"> <table className="table table--btc-swap">
<thead> <thead>
<tr> <tr>
<th>BTC address</th> <th>{__('Address')}</th>
<th>Status</th> <th>{__('Status')}</th>
<th /> <th />
</tr> </tr>
</thead> </thead>

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

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