schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2025-01-01 02:43:20 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added color swatch to color field.

Browse source
This commit is contained in:
orangemug 2017-03-07 10:16:58 +00:00
parent bbf26a3f38
commit 6095f871ed
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/fields/ColorField.jsx
View file

@ -81,8 +81,13 @@ class ColorField extends React.Component {
/> />
</div> </div>
var swatchStyle = {
"background-color": this.props.value
};
return <div className="maputnik-color-wrapper"> return <div className="maputnik-color-wrapper">
{this.state.pickerOpened && picker} {this.state.pickerOpened && picker}
<div className="maputnik-color-swatch" style={swatchStyle}></div>
<input <input
className="maputnik-color" className="maputnik-color"
ref="colorInput" ref="colorInput"

7
src/styles/_input.scss
View file

@ -30,7 +30,12 @@
.maputnik-color-wrapper { .maputnik-color-wrapper {
position: relative; position: relative;
display: inline; @include flex-row;
}
.maputnik-color-swatch {
height: 26px;
width: 3px;
} }
// ARRAY // ARRAY