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

* 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

View File

@ -4,7 +4,7 @@
<mat-dialog-content class="adf-folder-dialog-content">
<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>
<input
id="adf-folder-name-input"
@ -26,7 +26,7 @@
</mat-hint>
</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>
<input
id="adf-folder-title-input"
@ -36,7 +36,7 @@
/>
</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>
<textarea
id="adf-folder-description-input"

View File

@ -1,7 +1,30 @@
@import 'styles/mat-selectors';
.adf-folder-dialog {
.adf-folder-dialog-content {
padding: 0;
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;
}
}

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-text-field--no-label: '.mdc-text-field--no-label';
$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-dialog-content: '.mdc-dialog__content';
$mat-floating-label: '.mdc-floating-label';