mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-26 17:24:56 +00:00
[ACS-7534] create/edit folder dialog fixes (#9575)
This commit is contained in:
parent
0c816d75d6
commit
bee214378c
@ -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'">
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
/**
|
/**
|
||||||
|
Loading…
x
Reference in New Issue
Block a user