diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-05-22 06:00:13 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-05-22 06:24:38 +0800 |
commit | 8245bf010e22dda3e00c044429e3f5b880691fcb (patch) | |
tree | 3dee8d1fc0979ca51d922bf87b2c65428443c569 /ui/app/components/text-field | |
parent | c4e75a7075a2a7d4726475a37d11acb4b1eec5fa (diff) | |
download | tangerine-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/components/text-field')
-rw-r--r-- | ui/app/components/text-field/text-field.component.js | 4 |
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} |