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

10
ts/editor/TagWithTooltip.svelte
View file

@ -65,12 +65,11 @@ 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} />
<div class:select-mode={selectMode} class:night-mode={nightMode}>
{#if active} {#if active}
<Tag class={className} on:mousemove={setControlShift} on:click={onClick}> <Tag class={className} on:mousemove={setControlShift} on:click={onClick}>
{name} {name}
<div class:select-mode={selectMode} class:night-mode={nightMode}>
<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>
@ -83,9 +82,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
on:mount={(event) => createTooltip(event.detail.button)} on:mount={(event) => createTooltip(event.detail.button)}
> >
<span>{processTagName(name)}</span> <span>{processTagName(name)}</span>
<div class:select-mode={selectMode} class:night-mode={nightMode}>
<slot {selectMode} {hoverClass} /> <slot {selectMode} {hoverClass} />
</div>
</Tag> </Tag>
</WithTooltip> </WithTooltip>
{:else} {:else}
@ -97,14 +94,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
on:click={onClick} on:click={onClick}
> >
<span>{name}</span> <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;