m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Update input field border on focus

Browse Source
This commit is contained in:
Alexander Tseung 2018-05-21 15:00:13 -07:00
parent c4e75a7075
commit 8245bf010e
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/components/text-field/text-field.component.js
View File

@ -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}