aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2018-05-22 06:00:13 +0800
committerAlexander Tseung <alextsg@gmail.com>2018-05-22 06:24:38 +0800
commit8245bf010e22dda3e00c044429e3f5b880691fcb (patch)
tree3dee8d1fc0979ca51d922bf87b2c65428443c569 /ui/app
parentc4e75a7075a2a7d4726475a37d11acb4b1eec5fa (diff)
downloadtangerine-wallet-browser-8245bf010e22dda3e00c044429e3f5b880691fcb.tar
tangerine-wallet-browser-8245bf010e22dda3e00c044429e3f5b880691fcb.tar.gz
tangerine-wallet-browser-8245bf010e22dda3e00c044429e3f5b880691fcb.tar.bz2
tangerine-wallet-browser-8245bf010e22dda3e00c044429e3f5b880691fcb.tar.lz
tangerine-wallet-browser-8245bf010e22dda3e00c044429e3f5b880691fcb.tar.xz
tangerine-wallet-browser-8245bf010e22dda3e00c044429e3f5b880691fcb.tar.zst
tangerine-wallet-browser-8245bf010e22dda3e00c044429e3f5b880691fcb.zip
Update input field border on focus
Diffstat (limited to 'ui/app')
-rw-r--r--ui/app/components/text-field/text-field.component.js4
1 files changed, 3 insertions, 1 deletions
diff --git a/ui/app/components/text-field/text-field.component.js b/ui/app/components/text-field/text-field.component.js
index 4107068b5..b695a449a 100644
--- a/ui/app/components/text-field/text-field.component.js
+++ b/ui/app/components/text-field/text-field.component.js
@@ -31,6 +31,7 @@ const styles = {
},
},
formLabelFocused: {},
+ inputFocused: {},
inputRoot: {
'label + &': {
marginTop: '8px',
@@ -41,7 +42,7 @@ const styles = {
padding: '0 16px',
display: 'flex',
alignItems: 'center',
- '&:focus': {
+ '&$inputFocused': {
border: '1px solid #2f9ae0',
},
},
@@ -89,6 +90,7 @@ class TextField extends Component {
root: material ? '' : classes.inputRoot,
input: material ? '' : classes.input,
underline: material ? classes.materialUnderline : '',
+ focused: material ? '' : classes.inputFocused,
},
}}
{...textFieldProps}