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

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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/styles/_modal.scss
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 {