GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-24 16:56:36 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Fix crosshair not showing on main text of Tag when in select mode

Browse source
This commit is contained in:
Henrik Giesel 2021-09-09 22:31:16 +02:00
parent 95058ba23f
commit 1fd7fe4391
1 changed files with 25 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
ts/editor/TagWithTooltip.svelte
View file

@ -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;