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

Shrink minimum size for date widget to fit-content, add label if set

Browse Source
This commit is contained in:
nathan 2022-06-24 14:08:06 -06:00
parent d11be10fa1
commit 9ffc7decf2
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/js/etemplate/Et2Date/DateStyles.ts
View File

@ -12,7 +12,7 @@ export const dateStyles = [
:host { :host {
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
min-width: 20ex; min-width: fit-content;
} }
.overdue { .overdue {
color: red; // var(--whatever the theme color) color: red; // var(--whatever the theme color)

1
api/js/etemplate/Et2Date/Et2DateReadonly.ts
View File

@ -56,6 +56,7 @@ export class Et2DateReadonly extends Et2Widget(LitElement) implements et2_IDetac
let parsed : Date | Boolean = this.value ? this.parser(this.value) : false let parsed : Date | Boolean = this.value ? this.parser(this.value) : false
return html` return html`
<span slot="label">${this.label}</span>
<time ${this.id ? html`id="${this._dom_id}"` : ''} <time ${this.id ? html`id="${this._dom_id}"` : ''}
datetime="${parsed ? this.formatter(<Date>parsed, {dateFormat: "Y-m-d", timeFormat: "H:i:s"}) : ""}"> datetime="${parsed ? this.formatter(<Date>parsed, {dateFormat: "Y-m-d", timeFormat: "H:i:s"}) : ""}">
${this.value ? this.formatter(<Date>parsed) : ''} ${this.value ? this.formatter(<Date>parsed) : ''}