pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add max height to modal container

Browse Source 
Use IE specific overflow rule to show scrollbar
Set specific max height in ie only
This commit is contained in:
Andrew Croce 2018-09-20 11:46:45 -04:00
parent a4d303cefd
commit 163006f4bf
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
styles/components/_modal.scss
View File

@ -17,6 +17,7 @@ body {
.modal__container { .modal__container {
height: 100vh; height: 100vh;
max-height: 100vh;
} }
.modal__dialog { .modal__dialog {
@ -42,7 +43,13 @@ body {
background-color: $color-white; background-color: $color-white;
padding: $gap * 2; padding: $gap * 2;
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
-ms-overflow-style: scrollbar;
@include ie-only {
max-height: calc(100vh - #{$gap * 8});
}
@include media($medium-screen) { @include media($medium-screen) {
padding: $gap * 4; padding: $gap * 4;