[ACS-8042] Fixed styles for inputs in library creation (#9751)

This commit is contained in:
AleksanderSklorz
2024-05-29 14:58:42 +02:00
committed by VitoAlbano
parent 9055d7a360
commit 6edf50e765
3 changed files with 48 additions and 4 deletions

View File

@@ -2,7 +2,7 @@
<mat-dialog-content class="adf-library-dialog-content">
<form novalidate [formGroup]="form" (submit)="submit()">
<mat-form-field class="adf-library-dialog-form-field" appearance="outline">
<mat-form-field class="adf-library-dialog-form-field">
<mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>
<input
required
@@ -28,7 +28,7 @@
</mat-error>
</mat-form-field>
<mat-form-field class="adf-library-dialog-form-field" appearance="outline">
<mat-form-field class="adf-library-dialog-form-field">
<mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>
<input
required
@@ -46,7 +46,7 @@
</mat-error>
</mat-form-field>
<mat-form-field class="adf-library-dialog-form-field" appearance="outline">
<mat-form-field class="adf-library-dialog-form-field adf-library-dialog-form-field-description">
<mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>
<textarea
matInput

View File

@@ -1,3 +1,5 @@
@import 'styles/mat-selectors';
.adf-library-dialog {
.adf-library-dialog-content {
padding: 0;
@@ -16,7 +18,47 @@
.adf-library-dialog-form-field {
width: 100%;
padding-top: 20px;
padding-top: 9.5px;
&:first-of-type {
padding-top: 13.5px;
}
&:last-of-type {
padding-top: 4.5px;
}
#{$mat-floating-label} {
-webkit-font-smoothing: subpixel-antialiased;
}
&#{$mat-form-field-hide-placeholder} {
#{$mat-floating-label} {
padding-top: 11px;
}
}
&-description {
&#{$mat-form-field-hide-placeholder} {
#{$mat-floating-label} {
padding-top: 20px;
}
}
}
#{$mat-form-field-infix} {
padding-bottom: 3.5px;
}
#{$mat-form-field-error-wrapper} {
margin-left: -2px;
font-size: 10.5px;
-webkit-font-smoothing: subpixel-antialiased;
#{$mat-form-field-error} {
height: 13.125px;
}
}
}
.adf-action-buttons {