Add a zero-width tag to prevent resizing when adding tag

This commit is contained in:
Henrik Giesel 2021-09-07 16:55:29 +02:00
parent 5156ed62c3
commit 088420dff2

View file

@ -11,6 +11,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import TagOptionsBadge from "./TagOptionsBadge.svelte";
import TagWithTooltip from "./TagWithTooltip.svelte";
import TagInput from "./TagInput.svelte";
import Tag from "./Tag.svelte";
import WithAutocomplete from "./WithAutocomplete.svelte";
import ButtonToolbar from "components/ButtonToolbar.svelte";
import { controlPressed } from "lib/keys";
@ -478,6 +479,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
class="tag-spacer flex-grow-1 align-self-stretch"
on:click={appendEmptyTag}
/>
<div class="position-relative gap hide-tag zero-width-tag">
<Tag name="SPACER" />
</div>
</ButtonToolbar>
</StickyBottom>
@ -490,6 +495,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
opacity: 0;
}
.zero-width-tag :global(.tag) {
width: 0;
pointer-events: none;
padding-left: 0 !important;
padding-right: 0 !important;
}
.gap {
margin-bottom: 0.15rem;
}