beenull/listmonk
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/assets/style.scss
View file

@ -357,6 +357,19 @@ body.is-noscroll {
/* Modal */ /* Modal */
.modal { .modal {
z-index: 950; 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 { .modal-background {
background: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);
@ -377,6 +390,7 @@ body.is-noscroll {
display: none; display: none;
} }
/* Table */ /* Table */
.b-table .level-left { .b-table .level-left {
min-width: 60%; min-width: 60%;

3
frontend/src/views/Subscribers.vue
View file

@ -193,7 +193,8 @@
</b-table> </b-table>
<!-- Manage list modal --> <!-- 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" <subscriber-bulk-list :numSubscribers="this.numSelectedSubscribers"
@finished="bulkChangeLists" /> @finished="bulkChangeLists" />
</b-modal> </b-modal>