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

Improve styles and text

Browse source
This commit is contained in:
Lukas Martinelli 2017-01-16 15:43:52 +01:00
parent 7e3aa09d3e
commit 11e9cef834
2 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/modals/ExportModal.jsx
View file

@ -156,7 +156,8 @@ class Gist extends React.Component {
value={this.state.preview} value={this.state.preview}
name='gist-style-preview' name='gist-style-preview'
onChange={this.onPreviewChange.bind(this)} onChange={this.onPreviewChange.bind(this)}
/> including preview />
<span> Include preview</span>
{this.state.preview ? {this.state.preview ?
<div> <div>
<InputBlock <InputBlock
@ -165,7 +166,7 @@ class Gist extends React.Component {
value={this.props.mapStyle.metadata['maputnik:openmaptiles_access_token']} value={this.props.mapStyle.metadata['maputnik:openmaptiles_access_token']}
onChange={this.changeMetadataProperty.bind(this, "maputnik:openmaptiles_access_token")}/> onChange={this.changeMetadataProperty.bind(this, "maputnik:openmaptiles_access_token")}/>
</InputBlock> </InputBlock>
<a target="_blank" href="https://openmaptiles.com/hosting/">Get access token for free</a> <a target="_blank" href="https://openmaptiles.com/hosting/">Get your free access token</a>
</div> </div>
: null} : null}
{this.renderLatestGist()} {this.renderLatestGist()}

16
src/styles/_modal.scss
View file

@ -181,3 +181,19 @@
margin-right: $margin-3; margin-right: $margin-3;
float: right; float: right;
} }
//EXPORT MODAL
.maputnik-export-gist {
.maputnik-input-block {
margin-left: 0;
margin-right: 0;
label {
vertical-align: middle;
}
}
font-size: $font-size-6;
span {
color: $color-lowgray;
}
}