mirror of
https://github.com/maputnik/editor.git
synced 2025-12-26 08:00:01 +00:00
Ensure zoom icon is nice
This commit is contained in:
@@ -30,6 +30,7 @@ class ArrayInput extends React.Component {
|
||||
const commonStyle = {
|
||||
width: '48%',
|
||||
marginRight: '2%',
|
||||
marginBottom: '2%'
|
||||
}
|
||||
const inputs = this.values.map((v, i) => {
|
||||
if(this.props.type === 'number') {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import React from 'react'
|
||||
import AutocompleteInput from './AutocompleteInput'
|
||||
import input from '../../config/input.js'
|
||||
import { margins } from '../../config/scales.js'
|
||||
|
||||
//TODO: Query available font stack dynamically
|
||||
import fontStacks from '../../config/fontstacks.json'
|
||||
@@ -29,10 +30,17 @@ class FontInput extends React.Component {
|
||||
value={value}
|
||||
options={fontStacks.map(f => [f, f])}
|
||||
onChange={this.changeFont.bind(this, i)}
|
||||
wrapperStyle={{
|
||||
display: 'block',
|
||||
marginBottom: i == this.values.length - 1 ? 0 : margins[2],
|
||||
}}
|
||||
/>
|
||||
})
|
||||
|
||||
return <div style={{display: 'inline-block'}}>
|
||||
return <div style={{
|
||||
display: 'inline-block',
|
||||
...this.props.style
|
||||
}}>
|
||||
{inputs}
|
||||
</div>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user