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

Modal scrolling #156

Browse source
This commit is contained in:
Gregory Wolanski 2017-10-08 21:42:04 +02:00
parent c950a33031
commit 8a6e24e5e7
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -21,7 +21,9 @@ class Modal extends React.Component {
<CloseIcon />
</a>
</header>
<div className="maputnik-modal-content">{this.props.children}</div>
<div className="maputnik-modal-scroller">
<div className="maputnik-modal-content">{this.props.children}</div>
</div>
</div>
</Overlay>
}

7
src/styles/_modal.scss
View file

@ -2,6 +2,7 @@
.maputnik-modal {
min-width: 350px;
max-width: 600px;
overflow: hidden;
background-color: $color-black;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
z-index: 3;
@ -39,9 +40,13 @@
cursor: pointer;
}
.maputnik-modal-scroller {
max-height: 90vh;
overflow-y: auto;
}
.maputnik-modal-content {
padding: $margin-3;
max-height: 90vh;
@include flex-column;
}