From 262f1e2634073a9edf9047d91c1ab9fc4e348299 Mon Sep 17 00:00:00 2001
From: Igor Adrov <nucleartux@gmail.com>
Date: Fri, 13 Sep 2024 17:17:44 +0200
Subject: [PATCH] fix tooltip arrow (#6450)

Signed-off-by: Adrov Igor <nucleartux@gmail.com>
---
 packages/ui/src/components/TooltipInstance.svelte    | 12 ++++++++++++
 .../src/components/Workbench.svelte                  | 10 ----------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/ui/src/components/TooltipInstance.svelte b/packages/ui/src/components/TooltipInstance.svelte
index 16bca4ff76..8d6b800d97 100644
--- a/packages/ui/src/components/TooltipInstance.svelte
+++ b/packages/ui/src/components/TooltipInstance.svelte
@@ -328,6 +328,18 @@
       />
     {/if}
   </div>
+  <svg class="svg-mask">
+    <clipPath id="nub-bg">
+      <path
+        d="M7.3.6 4.2 4.3C2.9 5.4 1.5 6 0 6v1h18V6c-1.5 0-2.9-.6-4.2-1.7L10.7.6C9.9-.1 8.5-.2 7.5.4c0 .1-.1.1-.2.2z"
+      />
+    </clipPath>
+    <clipPath id="nub-border">
+      <path
+        d="M4.8 5.1 8 1.3s.1 0 .1-.1c.5-.3 1.4-.3 1.9.1L13.1 5l.1.1 1.2.9H18c-1.5 0-2.9-.6-4.2-1.7L10.7.6C9.9-.1 8.5-.2 7.5.4c0 .1-.1.1-.2.2L4.2 4.3C2.9 5.4 1.5 6 0 6h3.6l1.2-.9z"
+      />
+    </clipPath>
+  </svg>
   <div
     bind:this={nubHTML}
     style:z-index={($modals.findIndex((t) => t.type === 'tooltip') ?? 1) + 10000}
diff --git a/plugins/workbench-resources/src/components/Workbench.svelte b/plugins/workbench-resources/src/components/Workbench.svelte
index 979dcbe036..a0977f6255 100644
--- a/plugins/workbench-resources/src/components/Workbench.svelte
+++ b/plugins/workbench-resources/src/components/Workbench.svelte
@@ -641,16 +641,6 @@
       <path d="M10.5,12.2c0-2.9,2.4-5.2,5.2-5.2c0.6,0,1.2,0.1,1.8,0.3V0H0v17.5h15.8C12.9,17.5,10.5,15.1,10.5,12.2z" />
       <path d="M15.8,17.5h1.8v-0.4C17,17.4,16.4,17.5,15.8,17.5z" />
     </clipPath>
-    <clipPath id="nub-bg">
-      <path
-        d="M7.3.6 4.2 4.3C2.9 5.4 1.5 6 0 6v1h18V6c-1.5 0-2.9-.6-4.2-1.7L10.7.6C9.9-.1 8.5-.2 7.5.4c0 .1-.1.1-.2.2z"
-      />
-    </clipPath>
-    <clipPath id="nub-border">
-      <path
-        d="M4.8 5.1 8 1.3s.1 0 .1-.1c.5-.3 1.4-.3 1.9.1L13.1 5l.1.1 1.2.9H18c-1.5 0-2.9-.6-4.2-1.7L10.7.6C9.9-.1 8.5-.2 7.5.4c0 .1-.1.1-.2.2L4.2 4.3C2.9 5.4 1.5 6 0 6h3.6l1.2-.9z"
-      />
-    </clipPath>
   </svg>
   <div
     class="workbench-container"