Add max height to modal container
Use IE specific overflow rule to show scrollbar Set specific max height in ie only
This commit is contained in:
parent
a4d303cefd
commit
163006f4bf
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user