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} /> <svelte:body on:keydown={setControlShift} on:keyup={setControlShift} />
{#if active} <div class:select-mode={selectMode} class:night-mode={nightMode}>
<Tag class={className} on:mousemove={setControlShift} on:click={onClick}> {#if active}
{name} <Tag class={className} on:mousemove={setControlShift} on:click={onClick}>
<div class:select-mode={selectMode} class:night-mode={nightMode}> {name}
<slot {selectMode} {hoverClass} /> <slot {selectMode} {hoverClass} />
</div> </Tag>
</Tag> {:else if shorten && hasMultipleParts(name)}
{:else if shorten && hasMultipleParts(name)} <WithTooltip {tooltip} trigger="hover" placement="auto" let:createTooltip>
<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 <Tag
class={className} class={className}
bind:flash bind:flash
bind:selected bind:selected
on:mousemove={setControlShift} on:mousemove={setControlShift}
on:click={onClick} on:click={onClick}
on:mount={(event) => createTooltip(event.detail.button)}
> >
<span>{processTagName(name)}</span> <span>{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}>
<slot {selectMode} {hoverClass} /> <slot {selectMode} {hoverClass} />
</div> </Tag>
</Tag> {/if}
{/if} </div>
<style lang="scss"> <style lang="scss">
:global(button:hover) .select-mode { .select-mode :global(button:hover) {
display: contents; display: contents;
cursor: crosshair; cursor: crosshair;