aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorTerry Smith <52763493+tshfx@users.noreply.github.com>2019-07-16 10:36:57 +0800
committerDan J Miller <danjm.com@gmail.com>2019-07-16 10:36:57 +0800
commit721215973a5d317ed587c9ee9e63b6fb97afacf8 (patch)
tree547ad3e45314b5358bff156f1cee9f9ed0348c11
parent78cdee23c0f9ba0a6e54bab0ddccc4df3abfe3d9 (diff)
downloadtangerine-wallet-browser-721215973a5d317ed587c9ee9e63b6fb97afacf8.tar.gz
tangerine-wallet-browser-721215973a5d317ed587c9ee9e63b6fb97afacf8.tar.zst
tangerine-wallet-browser-721215973a5d317ed587c9ee9e63b6fb97afacf8.zip
Re enable the setMouseUserState styles. (#6860)
Typo
-rw-r--r--ui/app/components/ui/button/buttons.scss1
-rw-r--r--ui/app/css/itcss/generic/index.scss6
-rw-r--r--ui/app/pages/routes/index.js4
3 files changed, 9 insertions, 2 deletions
diff --git a/ui/app/components/ui/button/buttons.scss b/ui/app/components/ui/button/buttons.scss
index f1366cffe..f6388fa47 100644
--- a/ui/app/components/ui/button/buttons.scss
+++ b/ui/app/components/ui/button/buttons.scss
@@ -22,7 +22,6 @@ $hover-orange: #FFD3B5;
box-sizing: border-box;
border-radius: 6px;
width: 100%;
- outline: none;
transition: border-color .3s ease, background-color .3s ease;
&--disabled,
diff --git a/ui/app/css/itcss/generic/index.scss b/ui/app/css/itcss/generic/index.scss
index 8b282aa1e..e0cc881cb 100644
--- a/ui/app/css/itcss/generic/index.scss
+++ b/ui/app/css/itcss/generic/index.scss
@@ -43,6 +43,12 @@ textarea:focus {
outline: none;
}
+.mouse-user-styles {
+ button:focus {
+ outline: none;
+ }
+}
+
/* stylelint-disable */
#app-content {
overflow-x: hidden;
diff --git a/ui/app/pages/routes/index.js b/ui/app/pages/routes/index.js
index c292fd9c7..751e3e3ae 100644
--- a/ui/app/pages/routes/index.js
+++ b/ui/app/pages/routes/index.js
@@ -7,6 +7,7 @@ import actions from '../../store/actions'
import log from 'loglevel'
import IdleTimer from 'react-idle-timer'
import {getMetaMaskAccounts, getNetworkIdentifier, preferencesSelector} from '../../selectors/selectors'
+import classnames from 'classnames'
// init
import FirstTimeFlow from '../first-time-flow'
@@ -177,6 +178,7 @@ class Routes extends Component {
setMouseUserState,
sidebar,
submittedPendingTransactions,
+ isMouseUser,
} = this.props
const isLoadingNetwork = network === 'loading' && currentView.name !== 'config'
const loadMessage = loadingMessage || isLoadingNetwork ?
@@ -205,7 +207,7 @@ class Routes extends Component {
return (
<div
- className="app"
+ className={classnames('app', { 'mouse-user-styles': isMouseUser})}
onClick={() => setMouseUserState(true)}
onKeyDown={e => {
if (e.keyCode === 9) {