holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Et2DateDuration improvements:

Browse Source 
- If display.unit is not set, show the first unit option instead of blank selectbox
- Move number spinner to edge of box so numbers have more space
This commit is contained in:
nathan 2022-07-27 13:36:04 -06:00
parent e9f0a5216b
commit 0186714112
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
api/js/etemplate/Et2Date/Et2DateDuration.ts
View File

@ -135,6 +135,9 @@ export class Et2DateDuration extends Et2InputWidget(FormControlMixin(LitElement)
max-width: 4.5em; max-width: 4.5em;
margin-right: -2px; margin-right: -2px;
} }
et2-textbox::part(input) {
padding-right: 0px;
}
et2-textbox:not(:last-child)::part(base) { et2-textbox:not(:last-child)::part(base) {
border-right: none; border-right: none;
border-top-right-radius: 0px; border-top-right-radius: 0px;
@ -556,7 +559,7 @@ export class Et2DateDuration extends Et2InputWidget(FormControlMixin(LitElement)
}; };
// It would be nice to use an et2-select here, but something goes weird with the styling // It would be nice to use an et2-select here, but something goes weird with the styling
return html` return html`
<et2-select value="${this._display.unit}"> <et2-select value="${this._display.unit || this.displayFormat[0]}">
${[...this.displayFormat].map((format : string) => ${[...this.displayFormat].map((format : string) =>
html` html`
<sl-menu-item value=${format} ?checked=${this._display.unit === format}> <sl-menu-item value=${format} ?checked=${this._display.unit === format}>