tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-25 14:54:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
public/css/icinga/modal.less
View File

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