close button for AN

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;

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 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();

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);
@@ -34,3 +35,27 @@
     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;
+}

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 {