From 31a96aaf60e850d8032741ad5f351360276414ea Mon Sep 17 00:00:00 2001 From: "Torsten Schulz (local)" Date: Fri, 27 Mar 2026 15:17:18 +0100 Subject: [PATCH] style(DialogWidget): remove backdrop filter for non-modal overlay - Updated the non-modal dialog overlay to have no backdrop filter, enhancing visual clarity. - Set the modal property to false in MessagesDialog to ensure proper dialog behavior. --- frontend/src/components/DialogWidget.vue | 1 + frontend/src/components/falukant/MessagesDialog.vue | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/DialogWidget.vue b/frontend/src/components/DialogWidget.vue index a8d2d66..2654673 100644 --- a/frontend/src/components/DialogWidget.vue +++ b/frontend/src/components/DialogWidget.vue @@ -195,6 +195,7 @@ export default { .dialog-overlay.non-modal { background: transparent; + backdrop-filter: none; pointer-events: none; } diff --git a/frontend/src/components/falukant/MessagesDialog.vue b/frontend/src/components/falukant/MessagesDialog.vue index 8b1c00f..460d651 100644 --- a/frontend/src/components/falukant/MessagesDialog.vue +++ b/frontend/src/components/falukant/MessagesDialog.vue @@ -5,6 +5,7 @@ :title="'falukant.messages.title'" :isTitleTranslated="true" icon="falukant/messages24.png" + :modal="false" :buttons="[ { text: 'falukant.messages.markAllRead', action: 'markAll' }, { text: 'message.close', action: 'close' } @@ -363,4 +364,3 @@ export default { .pagination button { padding: .25em .6em; } .pagination input[type="number"] { width: 4em; text-align: right; } -