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

Scroll large amounts in the send component

Browse Source
This commit is contained in:
Whymarrh Whitby 2018-06-18 22:08:17 -02:30
parent 1f6f4977de
commit 3123073659
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/components/send/currency-display.js
View File

@ -149,7 +149,7 @@ CurrencyDisplay.prototype.render = function () {
} : {}), } : {}),
ref: input => { this.currencyInput = input }, ref: input => { this.currencyInput = input },
style: { style: {
width: this.getInputWidth(valueToRender, readOnly), minWidth: this.getInputWidth(valueToRender, readOnly),
}, },
min: 0, min: 0,
}), }),

6
ui/app/css/itcss/components/currency-display.scss
View File

@ -1,6 +1,5 @@
.currency-display { .currency-display {
height: 54px; height: 54px;
width: 100%ß;
border: 1px solid $alto; border: 1px solid $alto;
border-radius: 4px; border-radius: 4px;
background-color: $white; background-color: $white;
@ -21,7 +20,7 @@
line-height: 22px; line-height: 22px;
border: none; border: none;
outline: 0 !important; outline: 0 !important;
max-width: 100%; max-width: 22ch;
} }
&__primary-currency { &__primary-currency {
@ -47,6 +46,9 @@
&__input-wrapper { &__input-wrapper {
position: relative; position: relative;
display: flex; display: flex;
flex: 1;
max-width: 100%;
overflow-x: scroll;
input[type="number"]::-webkit-inner-spin-button { input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;