Fix modal overflow issue on bulk list popup UI. Closes #1030.

This commit is contained in:
Kailash Nadh 2022-11-18 23:25:49 +05:30
parent 1e90feecaf
commit 2761a5e033
2 changed files with 16 additions and 1 deletions

View file

@ -357,6 +357,19 @@ body.is-noscroll {
/* Modal */
.modal {
z-index: 950;
&.has-overflow {
overflow: auto !important;
.modal-content {
overflow: visible !important;
}
.modal-card {
overflow: visible !important;
}
.modal-card-body {
overflow: visible !important;
}
}
}
.modal-background {
background: rgba(255, 255, 255, 0.7);
@ -377,6 +390,7 @@ body.is-noscroll {
display: none;
}
/* Table */
.b-table .level-left {
min-width: 60%;

View file

@ -193,7 +193,8 @@
</b-table>
<!-- Manage list modal -->
<b-modal scroll="keep" :aria-modal="true" :active.sync="isBulkListFormVisible" :width="450">
<b-modal scroll="keep" :aria-modal="true" :active.sync="isBulkListFormVisible"
:width="500" class="has-overflow">
<subscriber-bulk-list :numSubscribers="this.numSelectedSubscribers"
@finished="bulkChangeLists" />
</b-modal>