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

AAE-22783 Fix form elements label style (#9725)

Browse Source
This commit is contained in:
Diogo Bastos
2024-05-24 11:14:33 +01:00
committed by VitoAlbano
parent 8028f20a3b
commit d9827d18eb
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
lib/core/src/lib/form/components/form-renderer.component.scss
View File

@@ -17,12 +17,6 @@
} }
} }
.adf-container-widget__header-text,
.adf-label {
font-family: var(--theme-font-family);
color: var(--theme-primary-color);
}
.adf-field-list { .adf-field-list {
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
@@ -97,11 +91,16 @@
#{$mat-form-field} { #{$mat-form-field} {
width: 100%; width: 100%;
#{$mat-text-field-focused} {
label {
color: var(--theme-primary-color);
}
}
label { label {
transform: scaleX(1); transform: scaleX(1);
transition: transform 150ms linear; transition: transform 150ms linear;
background-color: 300ms cubic-bezier(0.55, 0, 0.55, 0.2); background-color: 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
color: var(--theme-primary-color);
} }
#{$mat-form-field-prefix} { #{$mat-form-field-prefix} {

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

@@ -53,6 +53,7 @@ $mat-form-field-invalid: '.mat-form-field-invalid';
$mat-form-field-appearance-outline: '.mat-form-field-appearance-outline'; $mat-form-field-appearance-outline: '.mat-form-field-appearance-outline';
$mat-text-field-outlined: '.mdc-text-field--outlined'; $mat-text-field-outlined: '.mdc-text-field--outlined';
$mat-text-field-outlined-thick: '.mdc-text-field--outlined-thick'; $mat-text-field-outlined-thick: '.mdc-text-field--outlined-thick';
$mat-text-field-focused: '.mdc-text-field--focused';
$mat-dialog-actions: '.mat-mdc-dialog-actions'; $mat-dialog-actions: '.mat-mdc-dialog-actions';
$mat-dialog-container: '.mdc-dialog__container'; $mat-dialog-container: '.mdc-dialog__container';
$mat-dialog-content: '.mat-mdc-dialog-content'; $mat-dialog-content: '.mat-mdc-dialog-content';