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

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

@@ -1,28 +1,40 @@
@import '../form'; @import '../form';
.adf { @mixin adf-amount-widget-theme($theme) {
&-amount-widget { $foreground: map-get($theme, foreground);
width: 100%;
.mat-input-element { .adf {
margin-left: 13px; &-amount-widget {
margin-right: 13px; width: 100%;
.mat-input-element {
margin-left: 13px;
margin-right: 13px;
}
}
&-amount-widget__container .mat-form-field-label-wrapper {
top: 17px;
left: 12px;
right: 12px;
}
&-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;
} }
} }
&-amount-widget__container .mat-form-field-label-wrapper {
top: 17px;
left: 12px;
right: 12px;
}
&-amount-widget__input .mat-focused {
transition: none;
}
&-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/dynamic-table/dynamic-table.widget';
@import '../form/components/widgets/form'; @import '../form/components/widgets/form';
@import '../form/components/widgets/hyperlink/hyperlink.widget'; @import '../form/components/widgets/hyperlink/hyperlink.widget';
@import '../form/components/widgets/amount/amount.widget';
@import '../form/components/widgets/people/people.widget'; @import '../form/components/widgets/people/people.widget';
@import '../info-drawer/info-drawer-layout.component'; @import '../info-drawer/info-drawer-layout.component';
@import '../login/components/login.component'; @import '../login/components/login.component';
@@ -45,6 +46,7 @@
@include adf-dynamic-table-theme($theme); @include adf-dynamic-table-theme($theme);
@include adf-form-theme($theme); @include adf-form-theme($theme);
@include adf-hyperlink-widget-theme($theme); @include adf-hyperlink-widget-theme($theme);
@include adf-amount-widget-theme($theme);
@include adf-form-people-widget-theme($theme); @include adf-form-people-widget-theme($theme);
@include adf-info-drawer-theme($theme); @include adf-info-drawer-theme($theme);
@include adf-login-theme($theme); @include adf-login-theme($theme);