ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-08-27 15:37:27 +00:00
Code Issues Projects Releases Wiki Activity

Added css flexbox to modal to allow for a max-height.

Browse Source
This commit is contained in:
orangemug
2017-04-02 15:13:07 +01:00
parent decc390777
commit 0d4449b9c2
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_modal.scss
+10
View File
@@ -10,6 +10,12 @@
.maputnik-modal-section { .maputnik-modal-section {
padding-top: $margin-3; padding-top: $margin-3;
padding-bottom: $margin-3; padding-bottom: $margin-3;
display: flex;
flex-direction: column;
}
.maputnik-modal-section--fill {
flex: 1 1;
} }
.maputnik-modal-header { .maputnik-modal-header {
@@ -30,6 +36,9 @@
.maputnik-modal-content { .maputnik-modal-content {
padding: $margin-3; padding: $margin-3;
display: flex;
flex-direction: column;
max-height: 90vh;
} }
.maputnik-modal-header-space { .maputnik-modal-header-space {
@@ -68,6 +77,7 @@
.maputnik-style-gallery-container { .maputnik-style-gallery-container {
max-height: 400px; max-height: 400px;
overflow-y: scroll; overflow-y: scroll;
flex: 1;
} }
.maputnik-public-style { .maputnik-public-style {