langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
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:flashing
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}
{#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
class="me-1"
class="ms-0 tag-margins-inner"
name={index === active ? activeName : tag.name}
tooltip={tag.name}
active={index === active}
@ -480,7 +483,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
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" />
</div>
</ButtonToolbar>
@ -502,8 +505,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
padding-right: 0 !important;
}
.gap {
.tag-margins {
margin-bottom: 0.15rem;
:global(.tag-margins-inner) {
margin-right: 2px;
}
}
.adjust-position :global(.tag-input) {