No commit message

leafac · Dec 6, 2024 · ce644d2 · ce644d2
1 parent d94c3c9
commit ce644d2
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 21 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@fontsource-variable/roboto-flex": "^5.1.0",
-    "@radically-straightforward/development": "^1.0.31",
+    "@radically-straightforward/development": "^1.0.32",
     "@types/mailparser": "^3.4.5",
     "@types/node": "^22.10.1",
     "@types/nodemailer": "^6.4.17",

diff --git a/source/index.mts b/source/index.mts
@@ -927,20 +927,18 @@ application.server?.push({
               <div>
                 <button
                   javascript="${javascript`
+                    const popover = javascript.popover({ element: this, trigger: "none" });
                     this.onclick = async () => {
                       await navigator.clipboard.writeText(${`${request.state.feed.publicId}@${application.configuration.hostname}`});
-                      javascript.tippy({
-                        element: this,
-                        trigger: "manual",
-                        content: "Copied",
-                      }).show();
+                      popover.showPopover();
                       await utilities.sleep(1000);
-                      this.tippy.hide();
+                      popover.hidePopover();
                     };
                   `}"
                 >
                   <i class="bi bi-copy"></i>  Copy
                 </button>
+                <div class="popover">Copied</div>
               </div>
             </div>
           </div>
@@ -972,22 +970,20 @@ application.server?.push({
               <div>
                 <button
                   javascript="${javascript`
+                    const popover = javascript.popover({ element: this, trigger: "none" });
                     this.onclick = async () => {
                       await navigator.clipboard.writeText(${`https://${
                         application.configuration.hostname
                       }/feeds/${request.state.feed.publicId}.xml`});
-                      javascript.tippy({
-                        element: this,
-                        trigger: "manual",
-                        content: "Copied",
-                      }).show();
+                      popover.showPopover();
                       await utilities.sleep(1000);
-                      this.tippy.hide();
+                      popover.hidePopover();
                     };
                   `}"
                 >
                   <i class="bi bi-copy"></i>  Copy
                 </button>
+                <div class="popover">Copied</div>
               </div>
             </div>
           </div>