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

Make section headers white #64

Browse source
This commit is contained in:
Lukas Martinelli 2017-01-11 16:32:31 +01:00
parent 6c56006fbf
commit 76d2d06e77
3 changed files with 4 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/layers/LayerEditorGroup.jsx
View file

@ -26,16 +26,9 @@ export default class LayerEditorGroup extends React.Component {
onActiveToggle: React.PropTypes.func.isRequired onActiveToggle: React.PropTypes.func.isRequired
} }
constructor(props) {
super(props)
this.state = { hover: false }
}
render() { render() {
return <div> return <div>
<div className="maputnik-layer-editor-group" <div className="maputnik-layer-editor-group"
onMouseOver={e => this.setState({hover: true})}
onMouseOut={e => this.setState({hover: false})}
onClick={e => this.props.onActiveToggle(!this.props.isActive)} onClick={e => this.props.onActiveToggle(!this.props.isActive)}
> >
<span>{this.props.title}</span> <span>{this.props.title}</span>

2
src/styles/_base.scss
View file

@ -39,11 +39,13 @@ h1 {
h2 { h2 {
font-size: $font-size-3; font-size: $font-size-3;
margin-bottom: $margin-3; margin-bottom: $margin-3;
font-weight: bold;
} }
h3 { h3 {
font-size: $font-size-4; font-size: $font-size-4;
margin-bottom: $margin-3; margin-bottom: $margin-3;
font-weight: bold;
} }
h4 { h4 {

4
src/styles/_layer.scss
View file

@ -7,7 +7,7 @@
padding: $margin-2; padding: $margin-2;
font-weight: bold; font-weight: bold;
font-size: $font-size-5; font-size: $font-size-5;
color: $color-lowgray; color: $color-white;
display: flex; display: flex;
display: -ms-flexbox; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row) @include vendor-prefix(flex-direction, row)
@ -77,7 +77,7 @@
font-weight: bold; font-weight: bold;
font-size: $font-size-5; font-size: $font-size-5;
background-color: lighten($color-black, 2); background-color: lighten($color-black, 2);
color: $color-lowgray; color: $color-white;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
padding: $margin-2; padding: $margin-2;