diff --git a/lib/core/form/components/inplace-form-input/inplace-form-input.component.html b/lib/core/form/components/inplace-form-input/inplace-form-input.component.html index ede1f948d7..1a3a6614cb 100644 --- a/lib/core/form/components/inplace-form-input/inplace-form-input.component.html +++ b/lib/core/form/components/inplace-form-input/inplace-form-input.component.html @@ -1,6 +1,6 @@
+ + + + - +
diff --git a/lib/core/form/components/inplace-form-input/inplace-form-input.component.scss b/lib/core/form/components/inplace-form-input/inplace-form-input.component.scss index dce4f72dee..45114e0d8a 100644 --- a/lib/core/form/components/inplace-form-input/inplace-form-input.component.scss +++ b/lib/core/form/components/inplace-form-input/inplace-form-input.component.scss @@ -1,3 +1,5 @@ +$adf-inplace-input-padding: 7px; + .adf-inplace-input-container { .mat-form-field-underline { display: none; @@ -8,8 +10,12 @@ border-top: 0; } + .mat-form-field-label { + padding: $adf-inplace-input-padding; + } + &-error { - input { + .adf-inplace-input { border: 1px solid var(--theme-warn-color) !important; } } @@ -19,7 +25,7 @@ } .adf-inplace-input { - padding: 7px; + padding: $adf-inplace-input-padding; border: 1px solid transparent; border-radius: 4px; diff --git a/lib/core/form/components/inplace-form-input/inplace-form-input.component.spec.ts b/lib/core/form/components/inplace-form-input/inplace-form-input.component.spec.ts index 7d293c734c..6228b5682b 100644 --- a/lib/core/form/components/inplace-form-input/inplace-form-input.component.spec.ts +++ b/lib/core/form/components/inplace-form-input/inplace-form-input.component.spec.ts @@ -69,4 +69,16 @@ describe('InplaceFormInputComponent', () => { expect(error).toBeTruthy(); }); + + it('should show label', () => { + formControl.setValue(''); + + fixture.detectChanges(); + + const error = fixture.nativeElement.querySelector( + '[data-automation-id="adf-inplace-input-label"]' + ); + + expect(error).toBeTruthy(); + }); }); diff --git a/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html b/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html index 6559913882..fe2682aa8f 100755 --- a/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html +++ b/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html @@ -42,15 +42,21 @@ - - {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }} - - - {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxNameLength } }} - - - {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }} - + + {{'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate}} + + + + + {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }} + + + {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxNameLength } }} + + + {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }} + +