From: Giteabot <teabot@gitea.io>
Date: Mon, 6 Mar 2023 16:32:47 +0000 (-0500)
Subject: Change interactiveBorder to fix popup preview  (#23169) (#23313)
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=93fe0202cb624edb151dfb93b4fb66951be54e74;p=gitea.git

Change interactiveBorder to fix popup preview  (#23169) (#23313)

Backport #23169

Close #23073.
Used the solution as reference to the reply:
https://github.com/go-gitea/gitea/issues/23073#issuecomment-1440124609
Here made the change inside the `contextpopup.js` because this is where
the popup component is created and tippy configuration is given.

Co-authored-by: Hester Gong <hestergong@gmail.com>
---

diff --git a/web_src/js/features/contextpopup.js b/web_src/js/features/contextpopup.js
index d29da6d951..90f2f271da 100644
--- a/web_src/js/features/contextpopup.js
+++ b/web_src/js/features/contextpopup.js
@@ -31,6 +31,7 @@ export default function initContextPopups() {
     createTippy(this, {
       content: el,
       interactive: true,
+      interactiveBorder: 5,
       onShow: () => {
         el.firstChild.dispatchEvent(new CustomEvent('us-load-context-popup', {detail: {owner, repo, index}}));
       }