Improve positioning of tag editor badges

This commit is contained in:
Henrik Giesel 2021-07-02 14:29:41 +02:00
parent 16e6da893b
commit d15d6d1584
2 changed files with 6 additions and 2 deletions

View file

@ -46,6 +46,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
span :global(svg) { span :global(svg) {
border-radius: inherit; border-radius: inherit;
vertical-align: -0.125rem; vertical-align: var(--badge-align, -0.125rem);
} }
</style> </style>

View file

@ -367,11 +367,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<div class="gap" on:mousedown|preventDefault> <div class="gap" on:mousedown|preventDefault>
{#if tags.some((tag) => tag.selected)} {#if tags.some((tag) => tag.selected)}
<SelectedTagBadge <SelectedTagBadge
--badge-align="-webkit-baseline-middle"
on:tagcopy={copySelectedTags} on:tagcopy={copySelectedTags}
on:tagdelete={deleteSelectedTags} on:tagdelete={deleteSelectedTags}
/> />
{:else} {:else}
<AddTagBadge on:click={appendEmptyTag} /> <AddTagBadge
--badge-align="-webkit-baseline-middle"
on:click={appendEmptyTag}
/>
{/if} {/if}
</div> </div>