extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 07:53:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Better scrollbutton positioning in Et2Date

Browse Source
This commit is contained in:
nathan 2024-05-08 09:30:21 -06:00
parent 672f591266
commit c1db022fb8
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
api/js/etemplate/Et2Date/Et2Date.ts
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}>
<slot name="sufix"></slot>
${this._incrementButtonTemplate()} ${this._incrementButtonTemplate()}
</et2-textbox>
<slot name="sufix"></slot>
`; `;
} }
@ -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"