yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make inputs red when invalid

Browse Source
This commit is contained in:
Niels Lyngsø
2024-03-27 10:43:20 +01:00
parent cc3e55fb8e
commit acf7ddb815
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/Umbraco.Web.UI.Client/src/packages/core/components/input-number-range/input-number-range.element.ts
View File

@@ -1,5 +1,5 @@
import { UmbFormControlMixin } from '@umbraco-cms/backoffice/validation';
import { html, customElement, property, state, type PropertyValueMap } from '@umbraco-cms/backoffice/external/lit';
import { html, customElement, property, state, type PropertyValueMap, css } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
function getNumberOrUndefined(value: string) {
@@ -93,7 +93,6 @@ export class UmbInputNumberRangeElement extends UmbFormControlMixin(UmbLitElemen
render() {
return html`<uui-input
type="number"
required
.value=${this._minValue}
@input=${this._onMinInput}
label=${this.minLabel}></uui-input>
@@ -105,6 +104,12 @@ export class UmbInputNumberRangeElement extends UmbFormControlMixin(UmbLitElemen
label=${this.maxLabel}
placeholder="&infin;"></uui-input>`;
}
static styles = css`
:host(:invalid) uui-input {
border-color: var(--uui-color-danger);
}
`;
}
export default UmbInputNumberRangeElement;