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-1579] Fixing the style of the prefix of amount widget (#5546)

Browse Source 
* [AAE-1579] Fix amount widget prefix

* top of prefix fixed in modeler

* [AAE-1579] prefix color get from theming

* [AAE-1579] fix color and removed useless include

* [AAE-1579] remove useless import and prefix red when input empty and required
This commit is contained in:
Baptiste Mahé
2020-03-19 10:53:58 +01:00
committed by GitHub
parent 983e01f70c
commit 3fa95d6bd8
2 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
lib/core/form/components/widgets/amount/amount.widget.scss
View File

@@ -1,6 +1,9 @@
@import '../form';
.adf {
@mixin adf-amount-widget-theme($theme) {
$foreground: map-get($theme, foreground);
.adf {
&-amount-widget {
width: 100%;
@@ -16,13 +19,22 @@
right: 12px;
}
&-amount-widget__input .mat-focused {
&-amount-widget__input {
.mat-focused {
transition: none;
}
&:not(.mat-focused):not(.mat-form-field-invalid) {
.adf-amount-widget__prefix-spacing {
color: mat-color($foreground, secondary-text);
}
}
}
&-amount-widget__prefix-spacing {
position: absolute;
top: 12px;
}
}
}

2
lib/core/styles/_index.scss
View File

@@ -8,6 +8,7 @@
@import '../form/components/widgets/dynamic-table/dynamic-table.widget';
@import '../form/components/widgets/form';
@import '../form/components/widgets/hyperlink/hyperlink.widget';
@import '../form/components/widgets/amount/amount.widget';
@import '../form/components/widgets/people/people.widget';
@import '../info-drawer/info-drawer-layout.component';
@import '../login/components/login.component';
@@ -45,6 +46,7 @@
@include adf-dynamic-table-theme($theme);
@include adf-form-theme($theme);
@include adf-hyperlink-widget-theme($theme);
@include adf-amount-widget-theme($theme);
@include adf-form-people-widget-theme($theme);
@include adf-info-drawer-theme($theme);
@include adf-login-theme($theme);