[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 827a36b82c
commit e8c8c88ab6
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;
}
}