inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-7999] Fix inputs for edit and create folder (#9713)

Browse Source 
* ACS-7999 Fix inputs for edit and create folder

* ACS-7999 Fix jumping dialog when focus field
This commit is contained in:
AleksanderSklorz 2024-05-22 11:55:20 +02:00 committed by VitoAlbano
parent 164905115f
commit e444c0fc45
3 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/content-services/src/lib/dialogs/folder.dialog.html
View File

@ -4,7 +4,7 @@
<mat-dialog-content class="adf-folder-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" appearance="outline"> <mat-form-field class="adf-full-width">
<mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate }}</mat-label> <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate }}</mat-label>
<input <input
id="adf-folder-name-input" id="adf-folder-name-input"
@ -26,7 +26,7 @@
</mat-hint> </mat-hint>
</mat-form-field> </mat-form-field>
<mat-form-field class="adf-full-width" appearance="outline"> <mat-form-field class="adf-full-width">
<mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate }}</mat-label> <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate }}</mat-label>
<input <input
id="adf-folder-title-input" id="adf-folder-title-input"
@ -36,7 +36,7 @@
/> />
</mat-form-field> </mat-form-field>
<mat-form-field class="adf-full-width" appearance="outline"> <mat-form-field class="adf-full-width">
<mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate }}</mat-label> <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate }}</mat-label>
<textarea <textarea
id="adf-folder-description-input" id="adf-folder-description-input"

23
lib/content-services/src/lib/dialogs/folder.dialog.scss
View File

@ -1,7 +1,30 @@
@import 'styles/mat-selectors';
.adf-folder-dialog { .adf-folder-dialog {
.adf-folder-dialog-content { .adf-folder-dialog-content {
padding: 0; padding: 0;
overflow: unset; overflow: unset;
#{$mat-form-field-infix} {
padding-bottom: 3.5px;
}
#{$mat-form-field-hide-placeholder} {
#{$mat-floating-label} {
padding-top: 11px;
}
}
#{$mat-form-field-hint-wrapper} {
padding-left: 0;
margin-left: -2px;
color: var(--adf-theme-foreground-secondary-text-color);
font-size: 10.5px;
}
}
.adf-folder-dialog-title {
display: inline-flex;
} }
} }

2
lib/core/src/lib/styles/_mat-selectors.scss
View File

@ -96,6 +96,8 @@ $mat-slide-toggle: '.mat-mdc-slide-toggle';
$mat-list-item-unscoped-content: '.mat-mdc-list-item-unscoped-content'; $mat-list-item-unscoped-content: '.mat-mdc-list-item-unscoped-content';
$mat-text-field--no-label: '.mdc-text-field--no-label'; $mat-text-field--no-label: '.mdc-text-field--no-label';
$mat-form-field-infix: '.mat-mdc-form-field-infix'; $mat-form-field-infix: '.mat-mdc-form-field-infix';
$mat-form-field-hide-placeholder: '.mat-form-field-hide-placeholder';
$mat-form-field-hint-wrapper: '.mat-mdc-form-field-hint-wrapper';
$mat-checkbox-background: '.mdc-checkbox__background'; $mat-checkbox-background: '.mdc-checkbox__background';
$mat-dialog-content: '.mdc-dialog__content'; $mat-dialog-content: '.mdc-dialog__content';
$mat-floating-label: '.mdc-floating-label'; $mat-floating-label: '.mdc-floating-label';