From 9a907ea94a462c58387ceea5026e6153f577359a Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Wed, 4 Sep 2024 02:51:21 +0200
Subject: [PATCH] UI: explicitly pass dismissable

---
 src/UI/Base/Popup.svelte            | 3 ++-
 src/UI/Image/AttributedImage.svelte | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/UI/Base/Popup.svelte b/src/UI/Base/Popup.svelte
index 02b743905..65fcd08f1 100644
--- a/src/UI/Base/Popup.svelte
+++ b/src/UI/Base/Popup.svelte
@@ -25,6 +25,7 @@
     headerClass = "hidden"
   }
   export let shown: UIEventSource<boolean>
+  export let dismissable = true
   let _shown = false
   shown.addCallbackAndRun(sh => {
     _shown = sh
@@ -36,7 +37,7 @@
 
 <Modal open={_shown} on:close={() => shown.set(false)} outsideclose
        size="xl"
-       dismissable={false}
+       {dismissable}
        {defaultClass} {bodyClass} {dialogClass} {headerClass}
        color="none">
 
diff --git a/src/UI/Image/AttributedImage.svelte b/src/UI/Image/AttributedImage.svelte
index fda3e4a88..ed8cf1d84 100644
--- a/src/UI/Image/AttributedImage.svelte
+++ b/src/UI/Image/AttributedImage.svelte
@@ -35,7 +35,7 @@
   }))
 </script>
 
-<Popup shown={showBigPreview} bodyPadding="p-0">
+<Popup shown={showBigPreview} bodyPadding="p-0" dismissable={true}>
   <div slot="close" />
   <div style="height: 80vh">
     <ImageOperations {image}>