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

Improved color accessibility UI

Browse source
This commit is contained in:
orangemug 2018-09-23 14:39:02 +01:00
parent 8f07a79a49
commit bcdc7c6811
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/App.jsx
View file

@ -166,7 +166,7 @@ export default class App extends React.Component {
selectedLayerIndex: 0,
sources: {},
vectorLayers: {},
mapState: "normal",
mapState: "map",
spec: styleSpec.latest,
isOpen: {
settings: false,

14
src/components/Toolbar.jsx
View file

@ -131,26 +131,30 @@ export default class Toolbar extends React.Component {
},
{
id: "filter-deuteranopia",
title: "Filter deuteranopia",
title: "Map (deuteranopia)",
icon: <ColorIcon/>,
},
{
id: "filter-protanopia",
title: "Filter protanopia",
title: "Map (protanopia)",
icon: <ColorIcon/>,
},
{
id: "filter-tritanopia",
title: "Filter tritanopia",
title: "Map (tritanopia)",
icon: <ColorIcon/>,
},
{
id: "filter-achromatopsia",
title: "Filter achromatopsia",
title: "Map (achromatopsia)",
icon: <ColorIcon/>,
},
];
const currentView = views.find((view) => {
return view.id === this.props.mapState;
});
return <div className='maputnik-toolbar'>
<div className="maputnik-toolbar__inner">
<div
@ -195,7 +199,7 @@ export default class Toolbar extends React.Component {
>
<Button wdKey="nav:settings" className="maputnik-toolbar-action">
<ViewIcon/>
<IconText>Change view</IconText>
<IconText>View: {currentView.title}</IconText>
</Button>
<Menu>
<ul className="map-state-menu__menu">