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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

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

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

44
lib/content-services/src/lib/dialogs/library/library.dialog.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/mat-selectors';
.adf-library-dialog { .adf-library-dialog {
.adf-library-dialog-content { .adf-library-dialog-content {
padding: 0; padding: 0;
@@ -16,7 +18,47 @@
.adf-library-dialog-form-field { .adf-library-dialog-form-field {
width: 100%; 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 { .adf-action-buttons {

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

@@ -99,6 +99,8 @@ $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-hide-placeholder: '.mat-form-field-hide-placeholder';
$mat-form-field-hint-wrapper: '.mat-mdc-form-field-hint-wrapper'; $mat-form-field-hint-wrapper: '.mat-mdc-form-field-hint-wrapper';
$mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper';
$mat-form-field-error: '.mat-mdc-form-field-error';
$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';