From 312307365981d032091e909b3194c4e20cd55e17 Mon Sep 17 00:00:00 2001
From: Whymarrh Whitby <whymarrh.whitby@gmail.com>
Date: Mon, 18 Jun 2018 22:08:17 -0230
Subject: Scroll large amounts in the send component

---
 ui/app/css/itcss/components/currency-display.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'ui/app/css/itcss/components/currency-display.scss')

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
+}
-- 
cgit 


From d5133fb429c313f7bed24e3740eddb1350810b16 Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Fri, 22 Jun 2018 13:43:39 -0230
Subject: Fix issues with scrollbar in currency display.

---
 ui/app/css/itcss/components/currency-display.scss | 1 -
 1 file changed, 1 deletion(-)

(limited to 'ui/app/css/itcss/components/currency-display.scss')

diff --git a/ui/app/css/itcss/components/currency-display.scss b/ui/app/css/itcss/components/currency-display.scss
index 3614aa868..5f380475a 100644
--- a/ui/app/css/itcss/components/currency-display.scss
+++ b/ui/app/css/itcss/components/currency-display.scss
@@ -48,7 +48,6 @@
     display: flex;
     flex: 1;
     max-width: 100%;
-    overflow-x: scroll;
 
     input[type="number"]::-webkit-inner-spin-button {
       -webkit-appearance: none;
-- 
cgit 


From d2845afd898acf6224113832f819d2fe9b3061c6 Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Mon, 25 Jun 2018 09:54:49 -0230
Subject: Remove input arrows for send screen amount row on firefox.

---
 ui/app/css/itcss/components/currency-display.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'ui/app/css/itcss/components/currency-display.scss')

diff --git a/ui/app/css/itcss/components/currency-display.scss b/ui/app/css/itcss/components/currency-display.scss
index 5f380475a..b1a74dce2 100644
--- a/ui/app/css/itcss/components/currency-display.scss
+++ b/ui/app/css/itcss/components/currency-display.scss
@@ -49,13 +49,19 @@
     flex: 1;
     max-width: 100%;
 
+    input[type="number"] {
+      -moz-appearance: textfield;
+    }
+
     input[type="number"]::-webkit-inner-spin-button {
       -webkit-appearance: none;
+      -moz-appearance: none;
       display: none;
     }
 
     input[type="number"]:hover::-webkit-inner-spin-button {
       -webkit-appearance: none;
+      -moz-appearance: none;
       display: none;
     }
   }
@@ -68,11 +74,13 @@
   .react-numeric-input {
     input[type="number"]::-webkit-inner-spin-button {
       -webkit-appearance: none;
+      -moz-appearance: none;
       display: none;
     }
 
     input[type="number"]:hover::-webkit-inner-spin-button {
       -webkit-appearance: none;
+      -moz-appearance: none;
       display: none;
     }
   }
-- 
cgit