From 1fd7fe439152c8501f0fe6719e6e4b28b066cacd Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Thu, 9 Sep 2021 22:31:16 +0200
Subject: [PATCH] Fix crosshair not showing on main text of Tag when in select
 mode

---
 ts/editor/TagWithTooltip.svelte | 54 +++++++++++++++------------------
 1 file changed, 25 insertions(+), 29 deletions(-)

diff --git a/ts/editor/TagWithTooltip.svelte b/ts/editor/TagWithTooltip.svelte
index 8c48f3639..af992654f 100644
--- a/ts/editor/TagWithTooltip.svelte
+++ b/ts/editor/TagWithTooltip.svelte
@@ -65,46 +65,42 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <svelte:body on:keydown={setControlShift} on:keyup={setControlShift} />
 
-{#if active}
-    <Tag class={className} on:mousemove={setControlShift} on:click={onClick}>
-        {name}
-        <div class:select-mode={selectMode} class:night-mode={nightMode}>
+<div class:select-mode={selectMode} class:night-mode={nightMode}>
+    {#if active}
+        <Tag class={className} on:mousemove={setControlShift} on:click={onClick}>
+            {name}
             <slot {selectMode} {hoverClass} />
-        </div>
-    </Tag>
-{:else if shorten && hasMultipleParts(name)}
-    <WithTooltip {tooltip} trigger="hover" placement="auto" let:createTooltip>
+        </Tag>
+    {:else if shorten && hasMultipleParts(name)}
+        <WithTooltip {tooltip} trigger="hover" placement="auto" let:createTooltip>
+            <Tag
+                class={className}
+                bind:flash
+                bind:selected
+                on:mousemove={setControlShift}
+                on:click={onClick}
+                on:mount={(event) => createTooltip(event.detail.button)}
+            >
+                <span>{processTagName(name)}</span>
+                <slot {selectMode} {hoverClass} />
+            </Tag>
+        </WithTooltip>
+    {:else}
         <Tag
             class={className}
             bind:flash
             bind:selected
             on:mousemove={setControlShift}
             on:click={onClick}
-            on:mount={(event) => createTooltip(event.detail.button)}
         >
-            <span>{processTagName(name)}</span>
-            <div class:select-mode={selectMode} class:night-mode={nightMode}>
-                <slot {selectMode} {hoverClass} />
-            </div>
-        </Tag>
-    </WithTooltip>
-{:else}
-    <Tag
-        class={className}
-        bind:flash
-        bind:selected
-        on:mousemove={setControlShift}
-        on:click={onClick}
-    >
-        <span>{name}</span>
-        <div class:select-mode={selectMode} class:night-mode={nightMode}>
+            <span>{name}</span>
             <slot {selectMode} {hoverClass} />
-        </div>
-    </Tag>
-{/if}
+        </Tag>
+    {/if}
+</div>
 
 <style lang="scss">
-    :global(button:hover) .select-mode {
+    .select-mode :global(button:hover) {
         display: contents;
         cursor: crosshair;