Move style code to CSS

This commit is contained in:
Lukas Martinelli
2017-01-10 21:28:30 +01:00
parent 2426117233
commit 4a75b0381b
29 changed files with 318 additions and 221 deletions

View File

@@ -50,7 +50,8 @@ class ArrayInput extends React.Component {
}
})
return <div style={{display: 'inline-block', width: '50%'}}>
return <div className="maputnik-array"
style={{display: 'inline-block', width: '50%'}}>
{inputs}
</div>
}

View File

@@ -20,6 +20,7 @@ class AutocompleteInput extends React.Component {
render() {
return <Autocomplete
className="maputnik-autocomplete"
menuStyle={{
border: 'none',
padding: '2px 0',

View File

@@ -51,6 +51,7 @@ class CheckboxInput extends React.Component {
return <label style={styles.root}>
<input
className="maputnik-checkbox"
type="checkbox"
style={{
...styles.input,

View File

@@ -32,7 +32,9 @@ class InputBlock extends React.Component {
return <div style={{
...input.property,
...this.props.style,
}}>
}}
className="maputnik-input-block"
>
{this.props.doc &&
<DocLabel
label={this.props.label}

View File

@@ -37,7 +37,9 @@ class MultiButtonInput extends React.Component {
return <div style={{
display: 'inline-block',
...this.props.style,
}}>
}}
className="maputnik-multibutton"
>
{buttons}
</div>
}

View File

@@ -68,8 +68,8 @@ class NumberInput extends React.Component {
render() {
return <input
className="maputnik-number"
style={{
...input.input,
...this.props.style
}}
placeholder={this.props.default}

View File

@@ -17,6 +17,7 @@ class SelectInput extends React.Component {
}
return <select
className="maputnik-select"
style={{
...input.select,
...this.props.style

View File

@@ -22,6 +22,7 @@ class StringInput extends React.Component {
render() {
return <input
className="maputnik-string"
style={{
...input.input,
...this.props.style