inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-8450] Fixed issue where required marker * was not showing up for create rule > Name field (#3984)

Browse Source 
* [ACS-8450] Fixed issue where required marker * was not showing up for creat rule > Name field

* [ACS-8450] Fixed alignment issue

* [ACS-8450] Changed styling selectors

* [ACS-8450] Added null/undefined safety check for name
This commit is contained in:
swapnil-verma-gl
2024-08-02 15:38:09 +05:30
committed by GitHub
parent 4029213abe
commit cad7355241
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
View File

@@ -4,11 +4,11 @@
<div class="aca-rule-details__form__row">
<label class="aca-rule-details__name__label" for="rule-details-name-input">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.NAME' | translate }}</label>
<div>
<mat-form-field appearance="fill" floatLabel='auto' class="aca-rule-details__form__row__field">
<mat-form-field appearance="fill" floatLabel='always' class="aca-rule-details__form__row__field">
<mat-label *ngIf="!name.value">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.NAME' | translate }}</mat-label>
<input
id="rule-details-name-input"
matInput type="text" formControlName="name" data-automation-id="rule-details-name-input"
[placeholder]="'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.NAME' | translate">
matInput type="text" formControlName="name" data-automation-id="rule-details-name-input">
<mat-error>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.REQUIRED' | translate }}</mat-error>
</mat-form-field>
</div>

4
projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
View File

@@ -51,6 +51,10 @@
max-width: 400px;
font-size: inherit;
label[for='rule-details-name-input'] {
transform: translateY(-20%) scale(1);
}
&__textarea {
min-height: 4em;
}