From 468de2a4a4ece6b7c01afa4df90d1794f9ab2f63 Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Mon, 15 Aug 2022 12:57:09 +0200
Subject: [PATCH] Modal close when clicking outside

---
 components/ProjectModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/ProjectModal.tsx b/components/ProjectModal.tsx
index 008c6f3..9ff6437 100644
--- a/components/ProjectModal.tsx
+++ b/components/ProjectModal.tsx
@@ -102,11 +102,11 @@ const ProjectModal: NextPage = () => {
         return <div className={styles.pageSelector}>{prev}<span style={{visibility: currentPage > 0 ? "visible" : "hidden"}}>&nbsp;&nbsp;|&nbsp;&nbsp;</span>{select}<span style={{visibility: currentPage < currentContent.entries.length ? "visible" : "hidden"}}>&nbsp;&nbsp;|&nbsp;&nbsp;</span>{next}</div>;
     })();
 
-    return <div className={styles.modal}>
+    return <div className={styles.modal} onClick={() => setVisible(false)}>
         <a onClick={() => setVisible(false)} className={styles.fakeLink}>
             <div className={styles.modalClose}><div className={styles.modalCloseAlign}>X</div></div>
         </a>
-        <div className={styles.modalContainer}>
+        <div className={styles.modalContainer} onClick={(event) => event.stopPropagation()}>
             {nextPageSelector}
             <div className={`${styles.modalText} asciidoc`} ref={containerRef} dangerouslySetInnerHTML={{ __html: HTMLContent ? HTMLContent : projectEmpty }}>