From 6ac649a75ffc713a7b6d2070e46790933ec44fb6 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Fri, 2 Jun 2023 23:08:14 +0900
Subject: [PATCH] close button for AN

---
 public/script.js                              |  1 -
 .../extensions/floating-prompt/index.js       | 14 ++++++++++-
 .../extensions/floating-prompt/style.css      | 25 +++++++++++++++++++
 public/style.css                              |  5 ++++
 4 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/public/script.js b/public/script.js
index f0afdfd02..9a8a41fbd 100644
--- a/public/script.js
+++ b/public/script.js
@@ -5421,7 +5421,6 @@ $(document).ready(function () {
             easing: animation_easing,
         });
         setTimeout(function () { $("#character_popup").css("display", "none"); }, 200);
-        //$("#character_popup").css("display", "none");
     });
     $("#character_popup_ok").click(function () {
         is_advanced_char_open = false;
diff --git a/public/scripts/extensions/floating-prompt/index.js b/public/scripts/extensions/floating-prompt/index.js
index ad2a491d8..6eae5d1b4 100644
--- a/public/scripts/extensions/floating-prompt/index.js
+++ b/public/scripts/extensions/floating-prompt/index.js
@@ -143,12 +143,16 @@ async function moduleWorker() {
     function addExtensionsSettings() {
         const settingsHtml = `
         <div id="floatingPrompt" class="drawer-content flexGap5">
-            <div id="floatingPromptheader" class="fa-solid fa-grip drag-grabber"></div>
+            <div class="panelControlBar flex-container">
+                <div id="floatingPromptheader" class="fa-solid fa-grip drag-grabber"></div>
+                <div id="ANClose" class="fa-solid fa-circle-xmark"></div>
+            </div>
             <div name="floatingPromptHolder">
                 <div class="inline-drawer">
                     <div id="ANBlockToggle" class="inline-drawer-toggle inline-drawer-header">
                         <b>Author's Note</b>
                         <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
+                        
                 </div>
                 <div class="inline-drawer-content">
                     <small>
@@ -202,6 +206,14 @@ async function moduleWorker() {
         $('#extension_floating_depth').on('input', onExtensionFloatingDepthInput);
         $('#extension_floating_default').on('input', onExtensionFloatingDefaultInput);
         $('input[name="extension_floating_position"]').on('change', onExtensionFloatingPositionInput);
+        $('#ANClose').on('click', function () {
+            $("#floatingPrompt").transition({
+                opacity: 0,
+                duration: 200,
+                easing: 'ease-in-out',
+            });
+            setTimeout(function () { $('#floatingPrompt').hide() }, 200);
+        })
     }
 
     addExtensionsSettings();
diff --git a/public/scripts/extensions/floating-prompt/style.css b/public/scripts/extensions/floating-prompt/style.css
index 6844684fa..8474ba1bf 100644
--- a/public/scripts/extensions/floating-prompt/style.css
+++ b/public/scripts/extensions/floating-prompt/style.css
@@ -8,6 +8,7 @@
     border: 1px solid var(--white30a);
     position: fixed;
     padding: 10px;
+    padding-top: 25px;
     display: none;
     flex-direction: column;
     box-shadow: 0 0 10px var(--black70a);
@@ -33,4 +34,28 @@
 .floating_prompt_settings textarea {
     font-size: calc(var(--mainFontSize) * 0.9);
     line-height: 1.2;
+}
+
+#ANClose {
+    height: 15px;
+    aspect-ratio: 1 / 1;
+    font-size: 20px;
+    opacity: 0.5;
+    transition: all 250ms;
+}
+
+#ANClose:hover {
+    cursor: pointer;
+    opacity: 1;
+}
+
+.panelControlBar {
+    position: absolute;
+    right: 5px;
+    top: 5px;
+    margin-right: 5px;
+}
+
+#floatingPrompt .drag-grabber {
+    position: unset;
 }
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
index db8da3ed9..e9856e789 100644
--- a/public/style.css
+++ b/public/style.css
@@ -364,6 +364,11 @@ code {
     cursor: -webkit-grab;
     display: none;
     filter: drop-shadow(0px 0px 0px black);
+    transition: all 250ms;
+}
+
+.drag-grabber:hover {
+    opacity: 1;
 }
 
 #sheldheader:active {