Et2Tag: Make edit textbox larger

This commit is contained in:
nathan 2023-01-24 08:27:52 -07:00
parent 9fb153bbcc
commit 2332c2a806

View File

@ -42,6 +42,12 @@ export class Et2Tag extends Et2Widget(SlTag)
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.tag__edit {
flex: 10 1 auto;
min-width: 20ex;
width: 60ex;
}
/* Avoid button getting truncated by right side of button */ /* Avoid button getting truncated by right side of button */
.tag__remove { .tag__remove {
@ -160,7 +166,7 @@ export class Et2Tag extends Et2Widget(SlTag)
_editTemplate() : TemplateResult _editTemplate() : TemplateResult
{ {
return html` return html`
<span part="content"> <span part="content" class="tag__content tag__edit">
<et2-textbox value="${this.value}" <et2-textbox value="${this.value}"
@sl-change=${this.handleChange} @sl-change=${this.handleChange}
@blur=${this.stopEdit} @blur=${this.stopEdit}