From 8ed5853d57c7dbedba001604761fd2f0d7b736d4 Mon Sep 17 00:00:00 2001
From: "andrii.yurchuk" <andrii.yurchuk@splynx.com>
Date: Tue, 25 Apr 2023 12:42:56 +0300
Subject: [PATCH] Made close cross icon and prevented opening icons in modal

---
 client/themes/splynx/components/image-modal.vue | 5 ++++-
 client/themes/splynx/js/app.js                  | 3 +++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/themes/splynx/components/image-modal.vue b/client/themes/splynx/components/image-modal.vue
index 7bb6c328..de62c085 100644
--- a/client/themes/splynx/components/image-modal.vue
+++ b/client/themes/splynx/components/image-modal.vue
@@ -1,7 +1,10 @@
 <template lang="pug">
   v-dialog(v-model="dialog", :max-width="maxWidth", persistent, transition="dialog-bottom-transition")
     v-card
-      v-card-title(class="text-h6") Image View
+      v-toolbar(flat, dense, dark, color="white")
+        v-spacer
+        v-btn(icon, dark, @click="dialog = false")
+          v-icon(color="black") mdi-close
       v-card-text
         v-img(:src="photoUrl", :alt="photoAlt", height="700px", contain)
       v-card-actions
diff --git a/client/themes/splynx/js/app.js b/client/themes/splynx/js/app.js
index 313fb7e9..53ec1c33 100644
--- a/client/themes/splynx/js/app.js
+++ b/client/themes/splynx/js/app.js
@@ -6,6 +6,9 @@ document.addEventListener('click', (event) => {
     event.preventDefault();
     const photoUrl = event.target.src;
     const photoAlt = event.target.alt;
+    if (event.target.width < 18 && event.target.height < 18) {
+      return false;
+    }
     window.WIKI.$root.$emit('openImageModal', photoUrl, photoAlt);
   }
 });