Merge pull request #4156 from Icinga/fix/modals-are-not-scrollable-4115

Make modals responsive
This commit is contained in:
Johannes Meyer 2020-05-26 13:48:42 +02:00 committed by GitHub
commit ba38609cbe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 6 deletions

View File

@ -5,10 +5,6 @@
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, .6);
opacity: 0;
font-size: @font-size;
@ -21,6 +17,15 @@
opacity: 1;
pointer-events: auto;
}
> div {
height: 100%;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
}
#modal-content {
@ -94,6 +99,9 @@
}
.modal-window {
overflow: auto;
pointer-events: auto;
display: flex;
align-items: stretch;
flex-direction: column;
@ -105,6 +113,5 @@
margin: 0 auto;
max-height: 80%;
min-height: 40vh;
overflow: hidden;
width: 60em;
max-width: 60em;
}