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

Survey (#328)

Browse source 
Elements promoting the survey inside Maputnik after feedback
This commit is contained in:
Gregory Wolanski 2018-07-08 14:34:46 +02:00
parent 452706f35c
commit a88ca031d0
2 changed files with 3 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/modals/SurveyModal.jsx
View file

@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
import Button from '../Button'
import Modal from './Modal'
import Logo from './../../img/maputnik.png'
import logoImage from 'maputnik-design/logos/logo-color.svg'
class SurveyModal extends React.Component {
static propTypes = {
@ -28,10 +28,10 @@ class SurveyModal extends React.Component {
title="Maputnik Survey"
>
<div className="maputnik-modal-survey">
<img className="maputnik-modal-survey__logo" src="./../../img/maputnik.png" alt="" width="128" />
<img className="maputnik-modal-survey__logo" src={logoImage} alt="" width="128" />
<h1>You + Maputnik = Maputnik better for you</h1>
<p className="maputnik-modal-survey__description">We don’t track you, so we don’t know how you use Maputnik. Help us make Maputnik better for you by completing a 7–minute survey carried out by our contributing designer.</p>
<Button onClick={this.onClick} className="maputnik-big-button maputnik-white-button maputnik-green-hover-button maputnik-wide-button">Take the Maputnik Survey</Button>
<Button onClick={this.onClick} className="maputnik-big-button maputnik-white-button maputnik-wide-button">Take the Maputnik Survey</Button>
<p className="maputnik-modal-survey__footnote">It takes 7 minutes, tops! Every question is optional.</p>
</div>
</Modal>

5
src/styles/_components.scss
View file

@ -80,11 +80,6 @@
color: $color-black;
}
.maputnik-green-hover-button:hover, .maputnik-green-hover-button:focus {
background-color: $color-green;
color: $color-white;
}
.maputnik-white-button {
background-color: $color-white;
color: $color-black;