grassrootseconomics/openethereum
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #3604 from ethcore/jr-input-copy-button

Browse Source 
align copy button to input field
This commit is contained in:
Nicolas Gotchac 2016-11-25 15:12:53 +01:00 committed by GitHub
commit 0d6c2dd51d
2 changed files with 3 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/src/ui/Form/Input/input.css
View File

@ -18,7 +18,7 @@
.container {
display: flex;
flex-direction: row;
align-items: flex-end;
align-items: baseline;
position: relative;
}

22
js/src/ui/Form/Input/input.js
View File

@ -144,35 +144,17 @@ export default class Input extends Component {
}
renderCopyButton () {
const { allowCopy, label, hint, floatCopy } = this.props;
const { allowCopy, hideUnderline } = this.props;
const { value } = this.state;
if (!allowCopy) {
return null;
}
const style = {
marginBottom: 13
};
const text = typeof allowCopy === 'string'
? allowCopy
: value;
if (!label) {
style.marginBottom = 2;
} else if (label && !hint) {
style.marginBottom = 4;
} else if (label && hint) {
style.marginBottom = 10;
}
if (floatCopy) {
style.position = 'absolute';
style.left = -24;
style.bottom = style.marginBottom;
style.marginBottom = 0;
}
const style = hideUnderline ? {} : { position: 'relative', top: '2px' };
return (
<div className={ styles.copy } style={ style }>