schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-28 18:21:17 +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>
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"

7
src/styles/_input.scss
View file

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