Merge pull request #9642 from darkwing/9638-swap-overflow-2

Fix 9638 - Prevent excessive overflow from swap dropdowns
feature/default_network_editable
David Walsh 4 years ago committed by GitHub
commit fe970a7be8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 3
      ui/app/pages/swaps/build-quote/build-quote.js
  2. 5
      ui/app/pages/swaps/build-quote/index.scss
  3. 2
      ui/app/pages/swaps/dropdown-search-list/index.scss

@ -241,6 +241,7 @@ export default function BuildQuote ({
<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>
</div> </div>
<div className="dropdown-input-pair dropdown-input-pair__to">
<DropdownSearchList <DropdownSearchList
startingItem={selectedToToken} startingItem={selectedToToken}
itemsToSearch={tokensToSearch} itemsToSearch={tokensToSearch}
@ -255,8 +256,8 @@ export default function BuildQuote ({
listContainerClassName="build-quote__open-to-dropdown" listContainerClassName="build-quote__open-to-dropdown"
hideRightLabels hideRightLabels
defaultToAll defaultToAll
/> />
</div>
<div className="build-quote__slippage-buttons-container"> <div className="build-quote__slippage-buttons-container">
<SlippageButtons <SlippageButtons
onSelect={(newSlippage) => { onSelect={(newSlippage) => {

@ -118,4 +118,9 @@
max-height: 276px; max-height: 276px;
} }
} }
/* Prevents the swaps "Swap to" field from overflowing */
.dropdown-input-pair__to .dropdown-search-list {
width: 100%;
}
} }

@ -126,6 +126,8 @@
background: white; background: white;
border-radius: 6px; border-radius: 6px;
min-height: 194px; min-height: 194px;
overflow: hidden;
text-overflow: ellipsis;
} }
&__loading-item { &__loading-item {

Loading…
Cancel
Save