ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-06-22 23:27:26 +00:00
Code Issues Projects Releases Wiki Activity

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
Download Patch File Download Diff File Expand all files Collapse all files
src/components/modals/Modal.jsx
+3 -1
View File
@@ -21,7 +21,9 @@ class Modal extends React.Component {
<CloseIcon /> <CloseIcon />
</a> </a>
</header> </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> </div>
</Overlay> </Overlay>
} }
src/styles/_modal.scss
+6 -1
View File
@@ -2,6 +2,7 @@
.maputnik-modal { .maputnik-modal {
min-width: 350px; min-width: 350px;
max-width: 600px; max-width: 600px;
overflow: hidden;
background-color: $color-black; background-color: $color-black;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
z-index: 3; z-index: 3;
@@ -39,9 +40,13 @@
cursor: pointer; cursor: pointer;
} }
.maputnik-modal-scroller {
max-height: 90vh;
overflow-y: auto;
}
.maputnik-modal-content { .maputnik-modal-content {
padding: $margin-3; padding: $margin-3;
max-height: 90vh;
@include flex-column; @include flex-column;
} }