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

Added version number to the UI. Fixes #232

Browse source
This commit is contained in:
orangemug 2018-01-31 21:04:49 +00:00
parent ed85b838ec
commit 02c8542848
3 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/Toolbar.jsx
View file

@ -22,6 +22,7 @@ import SettingsModal from './modals/SettingsModal'
import ExportModal from './modals/ExportModal' import ExportModal from './modals/ExportModal'
import SourcesModal from './modals/SourcesModal' import SourcesModal from './modals/SourcesModal'
import OpenModal from './modals/OpenModal' import OpenModal from './modals/OpenModal'
import pkgJson from '../../package.json'
import style from '../libs/style' import style from '../libs/style'
@ -136,7 +137,9 @@ export default class Toolbar extends React.Component {
className="maputnik-toolbar-logo" className="maputnik-toolbar-logo"
> >
<img src={logoImage} alt="Maputnik" /> <img src={logoImage} alt="Maputnik" />
<h1>Maputnik</h1> <h1>Maputnik
<span className="maputnik-toolbar-version">v{pkgJson.version}</span>
</h1>
</ToolbarLink> </ToolbarLink>
<div className="maputnik-toolbar__actions"> <div className="maputnik-toolbar__actions">
<ToolbarAction onClick={this.toggleModal.bind(this, 'open')}> <ToolbarAction onClick={this.toggleModal.bind(this, 'open')}>

1
src/styles/_modal.scss
View file

@ -76,6 +76,7 @@
position: fixed; position: fixed;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 9;
@include flex-row; @include flex-row;
} }

13
src/styles/_toolbar.scss
View file

@ -37,11 +37,22 @@
color: $color-white; color: $color-white;
text-decoration: none; text-decoration: none;
h1 {
position: relative;
}
&:hover { &:hover {
background-color: $color-midgray; background-color: $color-midgray;
} }
} }
.maputnik-toolbar-version {
position: absolute;
font-size: 10px;
bottom: 0;
margin-left: 4px;
}
.maputnik-toolbar-action { .maputnik-toolbar-action {
@extend .maputnik-toolbar-link; @extend .maputnik-toolbar-link;
} }
@ -56,7 +67,7 @@
} }
.maputnik-toolbar-logo { .maputnik-toolbar-logo {
flex: 0 0 140px; flex: 0 0 170px;
} }
.maputnik-toolbar__inner { .maputnik-toolbar__inner {