diff options
| author | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2018-06-19 08:38:17 +0800 |
|---|---|---|
| committer | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2018-06-21 02:45:22 +0800 |
| commit | 312307365981d032091e909b3194c4e20cd55e17 (patch) | |
| tree | c7c2bd4e27af77405967ea243238a7666689f18c | |
| parent | 1f6f4977deb19543e4a4bd22d3f5126db931c4a2 (diff) | |
| download | tangerine-wallet-browser-312307365981d032091e909b3194c4e20cd55e17.tar tangerine-wallet-browser-312307365981d032091e909b3194c4e20cd55e17.tar.gz tangerine-wallet-browser-312307365981d032091e909b3194c4e20cd55e17.tar.bz2 tangerine-wallet-browser-312307365981d032091e909b3194c4e20cd55e17.tar.lz tangerine-wallet-browser-312307365981d032091e909b3194c4e20cd55e17.tar.xz tangerine-wallet-browser-312307365981d032091e909b3194c4e20cd55e17.tar.zst tangerine-wallet-browser-312307365981d032091e909b3194c4e20cd55e17.zip | |
Scroll large amounts in the send component
| -rw-r--r-- | ui/app/components/send/currency-display.js | 2 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/currency-display.scss | 8 |
2 files changed, 6 insertions, 4 deletions
diff --git a/ui/app/components/send/currency-display.js b/ui/app/components/send/currency-display.js index e410bc070..9c8ce0044 100644 --- a/ui/app/components/send/currency-display.js +++ b/ui/app/components/send/currency-display.js @@ -149,7 +149,7 @@ CurrencyDisplay.prototype.render = function () { } : {}), ref: input => { this.currencyInput = input }, style: { - width: this.getInputWidth(valueToRender, readOnly), + minWidth: this.getInputWidth(valueToRender, readOnly), }, min: 0, }), diff --git a/ui/app/css/itcss/components/currency-display.scss b/ui/app/css/itcss/components/currency-display.scss index 3560b0b0c..3614aa868 100644 --- a/ui/app/css/itcss/components/currency-display.scss +++ b/ui/app/css/itcss/components/currency-display.scss @@ -1,6 +1,5 @@ .currency-display { height: 54px; - width: 100%ß; border: 1px solid $alto; border-radius: 4px; background-color: $white; @@ -21,7 +20,7 @@ line-height: 22px; border: none; outline: 0 !important; - max-width: 100%; + max-width: 22ch; } &__primary-currency { @@ -47,6 +46,9 @@ &__input-wrapper { position: relative; display: flex; + flex: 1; + max-width: 100%; + overflow-x: scroll; input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; @@ -75,4 +77,4 @@ display: none; } } -}
\ No newline at end of file +} |