Targets base inputs and only prevents outline if user uses a mouse (#…

…6871)
MetaMask · Jul 17, 2019 · 33071e3 · 33071e3
1 parent 5cc4a5c
commit 33071e3
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/ui/app/components/ui/unit-input/index.scss b/ui/app/components/ui/unit-input/index.scss
@@ -38,7 +38,6 @@
     font-size: 1rem;
     font-family: Roboto;
     border: none;
-    outline: 0 !important;
     max-width: 22ch;
     height: 16px;
     line-height: 18px;

diff --git a/ui/app/css/itcss/components/account-dropdown.scss b/ui/app/css/itcss/components/account-dropdown.scss
@@ -84,7 +84,6 @@
   &__account-primary-balance {
     color: $scorpion;
     border: none;
-    outline: 0 !important;
   }
 
   &__account-secondary-balance {

diff --git a/ui/app/css/itcss/components/currency-display.scss b/ui/app/css/itcss/components/currency-display.scss
@@ -19,7 +19,6 @@
     font-size: 16px;
     line-height: 22px;
     border: none;
-    outline: 0 !important;
     max-width: 22ch;
   }
 

diff --git a/ui/app/css/itcss/generic/index.scss b/ui/app/css/itcss/generic/index.scss
@@ -38,13 +38,15 @@ html {
   display: flex;
 }
 
-input:focus,
-textarea:focus {
-  outline: none;
-}
-
 .mouse-user-styles {
-  button:focus {
+  button:focus,
+  input:focus,
+  textarea:focus,
+  .unit-input__input,
+  .account-list-item__account-primary-balance,
+  .account-list-item__input,
+  .currency-display__input
+   {
     outline: none;
   }
 }