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';
.adf {
&-amount-widget {
width: 100%;
@mixin adf-amount-widget-theme($theme) {
$foreground: map-get($theme, foreground);
.mat-input-element {
margin-left: 13px;
margin-right: 13px;
.adf {
&-amount-widget {
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;
}
}