GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-19 22:42:25 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Decrease tag margins

Browse source
This commit is contained in:
Henrik Giesel 2021-09-08 02:47:11 +02:00
parent fc09212365
commit c5d507461a
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ts/editor/Tag.svelte
View file

@ -60,7 +60,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<button <button
bind:this={button} bind:this={button}
class="tag btn d-inline-flex align-items-center text-nowrap ps-2 pe-1 m-0 {className}" class="tag btn d-inline-flex align-items-center text-nowrap ps-2 pe-1 {className}"
class:selected class:selected
class:flashing class:flashing
class:select-mode={selectMode} class:select-mode={selectMode}

15
ts/editor/TagEditor.svelte
View file

@ -407,9 +407,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
{/if} {/if}
{#each tags as tag, index (tag.id)} {#each tags as tag, index (tag.id)}
<div class="position-relative gap" class:hide-tag={index === active}> <div
class="position-relative tag-margins"
class:hide-tag={index === active}
>
<TagWithTooltip <TagWithTooltip
class="me-1" class="ms-0 tag-margins-inner"
name={index === active ? activeName : tag.name} name={index === active ? activeName : tag.name}
tooltip={tag.name} tooltip={tag.name}
active={index === active} active={index === active}
@ -480,7 +483,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
on:click={appendEmptyTag} on:click={appendEmptyTag}
/> />
<div class="position-relative gap hide-tag zero-width-tag"> <div class="position-relative tag-margins hide-tag zero-width-tag">
<Tag name="SPACER" /> <Tag name="SPACER" />
</div> </div>
</ButtonToolbar> </ButtonToolbar>
@ -502,8 +505,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
padding-right: 0 !important; padding-right: 0 !important;
} }
.gap { .tag-margins {
margin-bottom: 0.15rem; margin-bottom: 0.15rem;
:global(.tag-margins-inner) {
margin-right: 2px;
}
} }
.adjust-position :global(.tag-input) { .adjust-position :global(.tag-input) {