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; right: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
z-index: 1000;
background-color: #000; background-color: #000;
} }
.modal-backdrop.fade { .modal-backdrop.fade {

View file

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