mirror of
https://github.com/maputnik/editor.git
synced 2025-12-26 08:00:01 +00:00
Added color swatch to color field.
This commit is contained in:
@@ -81,8 +81,13 @@ class ColorField extends React.Component {
|
||||
/>
|
||||
</div>
|
||||
|
||||
var swatchStyle = {
|
||||
"background-color": this.props.value
|
||||
};
|
||||
|
||||
return <div className="maputnik-color-wrapper">
|
||||
{this.state.pickerOpened && picker}
|
||||
<div className="maputnik-color-swatch" style={swatchStyle}></div>
|
||||
<input
|
||||
className="maputnik-color"
|
||||
ref="colorInput"
|
||||
|
||||
@@ -30,7 +30,12 @@
|
||||
|
||||
.maputnik-color-wrapper {
|
||||
position: relative;
|
||||
display: inline;
|
||||
@include flex-row;
|
||||
}
|
||||
|
||||
.maputnik-color-swatch {
|
||||
height: 26px;
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
// ARRAY
|
||||
|
||||
Reference in New Issue
Block a user