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

Changed close button from <a> to <button>

Browse source
This commit is contained in:
orangemug 2018-06-01 20:40:51 +01:00
parent 35353d75f5
commit f9f5e8f925
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/modals/Modal.jsx
View file

@ -32,12 +32,12 @@ class Modal extends React.Component {
<header className="maputnik-modal-header"> <header className="maputnik-modal-header">
<h1 className="maputnik-modal-header-title">{this.props.title}</h1> <h1 className="maputnik-modal-header-title">{this.props.title}</h1>
<span className="maputnik-modal-header-space"></span> <span className="maputnik-modal-header-space"></span>
<a className="maputnik-modal-header-toggle" <button className="maputnik-modal-header-toggle"
onClick={() => this.props.onOpenToggle(false)} onClick={() => this.props.onOpenToggle(false)}
data-wd-key={this.props["data-wd-key"]+".close-modal"} data-wd-key={this.props["data-wd-key"]+".close-modal"}
> >
<CloseIcon /> <CloseIcon />
</a> </button>
</header> </header>
<div className="maputnik-modal-scroller"> <div className="maputnik-modal-scroller">
<div className="maputnik-modal-content">{this.props.children}</div> <div className="maputnik-modal-content">{this.props.children}</div>

5
src/styles/_modal.scss
View file

@ -43,7 +43,10 @@
} }
.maputnik-modal-header-toggle { .maputnik-modal-header-toggle {
cursor: pointer; border: none;
background: initial;
color: white;
padding: 0;
} }
.maputnik-modal-scroller { .maputnik-modal-scroller {