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

CSS fixes:

Browse Source 
- Missing border in Et2DateDuration without unit selector
- Box alignment was not applied to widget inputs (Et2DateDuration) when the widget inputs did not fill all available space
This commit is contained in:
nathan 2022-02-23 11:15:55 -07:00
parent ec13b1a472
commit 41a18b6274
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -145,6 +145,10 @@ export class Et2DateDuration extends Et2InputWidget(FormControlMixin(LitElement)
flex: 1 1 auto; flex: 1 1 auto;
max-width: 4.5em; max-width: 4.5em;
} }
input:last-child {
border-right: 1px solid var(--input-border-color);
}
`, `,
]; ];
} }

10
api/js/etemplate/Et2Widget/Et2Widget.ts
View File

@ -7,7 +7,7 @@ import {et2_cloneObject, et2_csvSplit} from "../et2_core_common";
// @ts-ignore // @ts-ignore
import type {IegwAppLocal} from "../../jsapi/egw_global"; import type {IegwAppLocal} from "../../jsapi/egw_global";
import {ClassWithAttributes, ClassWithInterfaces} from "../et2_core_inheritance"; 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_container} from "../et2_core_baseWidget";
import type {et2_DOMWidget} from "../et2_core_DOMWidget"; import type {et2_DOMWidget} from "../et2_core_DOMWidget";
@ -87,6 +87,14 @@ const Et2WidgetMixin = (superClass) =>
:host([disabled]) { :host([disabled]) {
display: none; 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;
}
`]; `];
} }