Small Tag editor fixes (#1580)

* Adjust height of TagInputs to not switch when changing mode

* Hide scrollbar on tag suggestions when not necessary
This commit is contained in:
Henrik Giesel 2022-01-08 02:48:17 +01:00 committed by GitHub
parent 7e5b6aba4a
commit 81cc5a0914
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 6 deletions

View file

@ -465,7 +465,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
> >
<TagInput <TagInput
id={tag.id} id={tag.id}
class="position-absolute start-0 top-0 ps-2 py-0" class="position-absolute start-0 top-0 bottom-0 ps-2 py-0"
disabled={autocompleteDisabled} disabled={autocompleteDisabled}
bind:name={activeName} bind:name={activeName}
bind:input={activeInput} bind:input={activeInput}
@ -529,14 +529,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
.adjust-position { .adjust-position {
:global(.tag-input) { :global(.tag-input) {
/* recreates positioning of Tag component */ /* recreates positioning of Tag component
* so that the text does not move when accepting */
border-left: 1px solid transparent; border-left: 1px solid transparent;
border-bottom: 2px solid transparent;
} }
:global(.cap-items) { :global(.cap-items) {
max-height: 7rem; max-height: 7rem;
overflow-y: scroll; overflow-y: auto;
} }
} }
</style> </style>

View file

@ -254,8 +254,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<style lang="scss"> <style lang="scss">
.tag-input { .tag-input {
width: 100%; width: 100%;
height: 100%;
color: var(--text-fg); color: var(--text-fg);
background: none; background: none;
resize: none; resize: none;