diff --git a/api/js/etemplate/Et2Date/Et2DateDuration.ts b/api/js/etemplate/Et2Date/Et2DateDuration.ts index 9c2d14e6a3..c360637011 100644 --- a/api/js/etemplate/Et2Date/Et2DateDuration.ts +++ b/api/js/etemplate/Et2Date/Et2DateDuration.ts @@ -145,6 +145,10 @@ export class Et2DateDuration extends Et2InputWidget(FormControlMixin(LitElement) flex: 1 1 auto; max-width: 4.5em; } + input:last-child { + border-right: 1px solid var(--input-border-color); + } + `, ]; } diff --git a/api/js/etemplate/Et2Widget/Et2Widget.ts b/api/js/etemplate/Et2Widget/Et2Widget.ts index 8345838fc7..fbb3ac141e 100644 --- a/api/js/etemplate/Et2Widget/Et2Widget.ts +++ b/api/js/etemplate/Et2Widget/Et2Widget.ts @@ -7,7 +7,7 @@ import {et2_cloneObject, et2_csvSplit} from "../et2_core_common"; // @ts-ignore import type {IegwAppLocal} from "../../jsapi/egw_global"; import {ClassWithAttributes, ClassWithInterfaces} from "../et2_core_inheritance"; -import {css, dedupeMixin, unsafeCSS, CSSResult} from "@lion/core"; +import {css, dedupeMixin, unsafeCSS} from "@lion/core"; import type {et2_container} from "../et2_core_baseWidget"; import type {et2_DOMWidget} from "../et2_core_DOMWidget"; @@ -87,6 +87,14 @@ const Et2WidgetMixin = (superClass) => :host([disabled]) { display: none; } + + /* CSS to align internal inputs according to box alignment */ + :host([align="center"]) .input-group__input { + justify-content: center; + } + :host([align="right"]) .input-group__input { + justify-content: flex-end; + } `]; }