mirror of
https://github.com/maputnik/editor.git
synced 2026-03-28 05:00:02 +00:00
Move style code to CSS
This commit is contained in:
@@ -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>
|
||||
}
|
||||
|
||||
@@ -20,6 +20,7 @@ class AutocompleteInput extends React.Component {
|
||||
|
||||
render() {
|
||||
return <Autocomplete
|
||||
className="maputnik-autocomplete"
|
||||
menuStyle={{
|
||||
border: 'none',
|
||||
padding: '2px 0',
|
||||
|
||||
@@ -51,6 +51,7 @@ class CheckboxInput extends React.Component {
|
||||
|
||||
return <label style={styles.root}>
|
||||
<input
|
||||
className="maputnik-checkbox"
|
||||
type="checkbox"
|
||||
style={{
|
||||
...styles.input,
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -37,7 +37,9 @@ class MultiButtonInput extends React.Component {
|
||||
return <div style={{
|
||||
display: 'inline-block',
|
||||
...this.props.style,
|
||||
}}>
|
||||
}}
|
||||
className="maputnik-multibutton"
|
||||
>
|
||||
{buttons}
|
||||
</div>
|
||||
}
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -17,6 +17,7 @@ class SelectInput extends React.Component {
|
||||
}
|
||||
|
||||
return <select
|
||||
className="maputnik-select"
|
||||
style={{
|
||||
...input.select,
|
||||
...this.props.style
|
||||
|
||||
@@ -22,6 +22,7 @@ class StringInput extends React.Component {
|
||||
|
||||
render() {
|
||||
return <input
|
||||
className="maputnik-string"
|
||||
style={{
|
||||
...input.input,
|
||||
...this.props.style
|
||||
|
||||
Reference in New Issue
Block a user