m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Make swap arrows accessible, make swaps advanced options accessible (#9750)

Browse Source
This commit is contained in:
David Walsh 2020-10-30 09:35:47 -05:00 committed by GitHub
parent 59aab93560
commit 77dc0ab008
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/_locales/en/messages.json
View File

@ -1827,6 +1827,9 @@
"swapSwapFrom": { "swapSwapFrom": {
"message": "Swap from" "message": "Swap from"
}, },
"swapSwapSwitch": {
"message": "Switch from and to tokens"
},
"swapSwapTo": { "swapSwapTo": {
"message": "Swap to" "message": "Swap to"
}, },

5
ui/app/pages/swaps/build-quote/build-quote.js
View File

@ -230,13 +230,14 @@ export default function BuildQuote ({
<div <div
className="build-quote__swap-arrows-row" className="build-quote__swap-arrows-row"
> >
<div <button
className="build-quote__swap-arrows" className="build-quote__swap-arrows"
onClick={() => { onClick={() => {
onToSelect(selectedFromToken) onToSelect(selectedFromToken)
onFromSelect(selectedToToken) onFromSelect(selectedToToken)
}} }}
/> ><img src="/images/icons/swap2.svg" alt={t('swapSwapSwitch')} width="12" height="16" />
</button>
</div> </div>
<div className="build-quote__dropdown-swap-to-header"> <div className="build-quote__dropdown-swap-to-header">
<div className="build-quote__input-label">{t('swapSwapTo')}</div> <div className="build-quote__input-label">{t('swapSwapTo')}</div>

5
ui/app/pages/swaps/build-quote/index.scss
View File

@ -60,11 +60,8 @@
flex: 0 0 auto; flex: 0 0 auto;
height: 16px; height: 16px;
width: 12px; width: 12px;
background-image: url(/images/icons/swap2.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
cursor: pointer; cursor: pointer;
background: unset;
} }
&__max-button { &__max-button {

1
ui/app/pages/swaps/slippage-buttons/index.scss
View File

@ -12,6 +12,7 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
cursor: pointer; cursor: pointer;
background: unset;
&--open { &--open {
margin-bottom: 8px; margin-bottom: 8px;

4
ui/app/pages/swaps/slippage-buttons/slippage-buttons.js
View File

@ -35,7 +35,7 @@ export default function SlippageButtons ({
return ( return (
<div className="slippage-buttons"> <div className="slippage-buttons">
<div <button
onClick={() => setOpen(!open)} onClick={() => setOpen(!open)}
className={classnames('slippage-buttons__header', { className={classnames('slippage-buttons__header', {
'slippage-buttons__header--open': open, 'slippage-buttons__header--open': open,
@ -43,7 +43,7 @@ export default function SlippageButtons ({
> >
<div className="slippage-buttons__header-text">{t('swapsAdvancedOptions')}</div> <div className="slippage-buttons__header-text">{t('swapsAdvancedOptions')}</div>
{open ? <i className="fa fa-angle-up" /> : <i className="fa fa-angle-down" />} {open ? <i className="fa fa-angle-up" /> : <i className="fa fa-angle-down" />}
</div> </button>
<div className="slippage-buttons__content"> <div className="slippage-buttons__content">
{open && ( {open && (
<div className="slippage-buttons__dropdown-content"> <div className="slippage-buttons__dropdown-content">