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
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}
bind:name={activeName}
bind:input={activeInput}
@ -529,14 +529,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
.adjust-position {
: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-bottom: 2px solid transparent;
}
:global(.cap-items) {
max-height: 7rem;
overflow-y: scroll;
overflow-y: auto;
}
}
</style>

View file

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