[ACS-7534] create/edit folder dialog fixes (#9575)

This commit is contained in:
Mykyta Maliarchuk 2024-04-19 14:08:25 +02:00 committed by VitoAlbano
parent 0c816d75d6
commit bee214378c
3 changed files with 16 additions and 8 deletions

View File

@ -2,12 +2,12 @@
{{ (editing ? editTitle : createTitle) | translate }}
</h2>
<mat-dialog-content>
<mat-dialog-content class="adf-folder-dialog-content">
<form [formGroup]="form" (submit)="submit()">
<mat-form-field class="adf-full-width">
<mat-form-field class="adf-full-width" appearance="outline">
<mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate }}</mat-label>
<input
id="adf-folder-name-input"
placeholder="{{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate }}"
[attr.aria-label]="'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate"
matInput
required
@ -26,21 +26,21 @@
</mat-hint>
</mat-form-field>
<mat-form-field class="adf-full-width">
<mat-form-field class="adf-full-width" appearance="outline">
<mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate }}</mat-label>
<input
id="adf-folder-title-input"
matInput
placeholder="{{ 'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate }}"
[attr.aria-label]="'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate"
[formControlName]="'title'"
/>
</mat-form-field>
<mat-form-field class="adf-full-width">
<mat-form-field class="adf-full-width" appearance="outline">
<mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate }}</mat-label>
<textarea
id="adf-folder-description-input"
matInput
placeholder="{{ 'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate }}"
[attr.aria-label]="'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate"
rows="4"
[formControlName]="'description'">

View File

@ -1,3 +1,10 @@
.adf-folder-dialog {
.adf-folder-dialog-content {
padding: 0;
overflow: unset;
}
}
.adf-fill-remaining-space {
flex: 1 1 auto;
}

View File

@ -31,7 +31,8 @@ import { forbidEndingDot, forbidOnlySpaces, forbidSpecialCharacters } from './fo
selector: 'adf-folder-dialog',
templateUrl: './folder.dialog.html',
styleUrls: ['./folder.dialog.scss'],
encapsulation: ViewEncapsulation.None
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-folder-dialog' }
})
export class FolderDialogComponent implements OnInit {
/**