Fixes #3974 - Modal backdrop not covering some UI parts.

This commit is contained in:
Bola Ahmed Buari 2022-03-02 09:41:00 +01:00 committed by Dominik Klein
parent 073d947f3f
commit aae15bcf4d
2 changed files with 8 additions and 3 deletions

View file

@ -4066,6 +4066,7 @@ button.close {
right: 0;
left: 0;
bottom: 0;
z-index: 1000;
background-color: #000;
}
.modal-backdrop.fade {

View file

@ -2681,6 +2681,8 @@ input.has-error {
position: absolute;
opacity: 0;
padding: 18px;
@extend .zIndex-11;
}
.modal-arrow {
@ -8487,7 +8489,7 @@ a.list-group-item.active > .badge,
/* allow/show autocomplete in modal dialog */
.ui-autocomplete.ui-widget-content {
@extend .zIndex-9;
@extend .zIndex-11;
position: absolute;
max-height: 380px;
@ -8665,7 +8667,7 @@ a.list-group-item.active > .badge,
}
.modal {
@extend .zIndex-10;
@extend .zIndex-11;
&-loader {
text-align: center;
@ -8679,6 +8681,8 @@ a.list-group-item.active > .badge,
margin-top: 35px;
margin-bottom: 35px;
@extend .zIndex-11;
@include phone {
max-width: calc(100vw - 20px) !important;
margin: 10px;
@ -8807,7 +8811,7 @@ a.list-group-item.active > .badge,
display: block;
padding: 0 40px;
@extend .zIndex-9;
@extend .zIndex-11;
@include bidi-style(padding-left, 40px, padding-right, 0);