Better scrollbutton positioning in Et2Date

This commit is contained in:
nathan 2024-05-08 09:30:21 -06:00
parent 672f591266
commit c1db022fb8

View File

@ -339,6 +339,7 @@ export class Et2Date extends Et2InputWidget(LitFlatpickr)
width: calc(var(--sl-input-height-medium) / 2); width: calc(var(--sl-input-height-medium) / 2);
position: absolute; position: absolute;
right: 0px; right: 0px;
margin-inline-end: 0px;
} }
.et2-date-time__scrollbuttons > * { .et2-date-time__scrollbuttons > * {
@ -1047,9 +1048,10 @@ export class Et2Date extends Et2InputWidget(LitFlatpickr)
// This element gets hidden and used for value, but copied by flatpickr and used for input // This element gets hidden and used for value, but copied by flatpickr and used for input
return html` return html`
<slot name="prefix"></slot> <slot name="prefix"></slot>
<et2-textbox type="text" placeholder=${this.placeholder} ?required=${this.required}></et2-textbox> <et2-textbox type="text" placeholder=${this.placeholder} ?required=${this.required}>
${this._incrementButtonTemplate()}
</et2-textbox>
<slot name="sufix"></slot> <slot name="sufix"></slot>
${this._incrementButtonTemplate()}
`; `;
} }
@ -1062,7 +1064,7 @@ export class Et2Date extends Et2InputWidget(LitFlatpickr)
} }
return html` return html`
<div class="et2-date-time__scrollbuttons" part="scrollbuttons" @click=${this.handleScroll}> <div slot="suffix" class="et2-date-time__scrollbuttons" part="scrollbuttons" @click=${this.handleScroll}>
<et2-button-icon <et2-button-icon
noSubmit noSubmit
image="chevron-up" image="chevron-up"