schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2025-01-30 06:25:33 +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> </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"

10
src/styles/_input.scss
View file

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