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

View File

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

View File

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