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

Improve add layer button visually

Browse source
This commit is contained in:
Lukas Martinelli 2017-01-11 20:48:15 +01:00
parent bcab165f97
commit 2e0cc4511c
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/layers/LayerList.jsx
View file

@ -175,7 +175,7 @@ class LayerListContainer extends React.Component {
onLayersChange={this.props.onLayersChange} onLayersChange={this.props.onLayersChange}
/> />
<header className="maputnik-layer-list-header"> <header className="maputnik-layer-list-header">
<span>Layers</span> <span className="maputnik-layer-list-header-title">Layers</span>
<span className="maputnik-space" /> <span className="maputnik-space" />
<Button <Button
onClick={this.toggleModal.bind(this, 'add')} onClick={this.toggleModal.bind(this, 'add')}

10
src/styles/_layer.scss
View file

@ -5,9 +5,6 @@
.maputnik-layer-list { .maputnik-layer-list {
&-header{ &-header{
padding: $margin-2; padding: $margin-2;
font-weight: bold;
font-size: $font-size-5;
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)
@ -18,6 +15,13 @@
} }
} }
&-header-title {
font-size: $font-size-5;
color: $color-white;
font-weight: bold;
line-height: 1.3;
}
&-container { &-container {
padding: 0; padding: 0;
margin: 0; margin: 0;