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

Merge pull request #102 from orangemug/feature/color-swatch

Browse source 
Added color swatch to color field
This commit is contained in:
Lukas Martinelli 2017-03-07 10:07:02 -05:00 committed by GitHub
commit 5792a531ce
2 changed files with 14 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"

10
src/styles/_input.scss
View file

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