dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Timewindow: update styles for inputs which may have empty suffix

Browse Source
This commit is contained in:
Ekaterina Chantsova 2024-12-02 16:57:09 +02:00
parent 055555d4a0
commit d5c9035ffe
4 changed files with 27 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui-ngx/src/app/shared/components/time/aggregation/aggregation-type-select.component.scss
View File

@ -26,4 +26,12 @@
.mat-mdc-select-value { .mat-mdc-select-value {
min-width: 100px; min-width: 100px;
} }
.mat-mdc-form-field-has-icon-suffix {
.mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
padding-right: 12px;
}
.mat-mdc-form-field-icon-suffix:empty {
padding: 0;
}
}
} }

11
ui-ngx/src/app/shared/components/time/quick-time-interval.component.scss
View File

@ -24,3 +24,14 @@
width: 100%; width: 100%;
} }
} }
:host ::ng-deep {
.mat-mdc-form-field-has-icon-suffix {
.mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
padding-right: 12px;
}
.mat-mdc-form-field-icon-suffix:empty {
padding: 0;
}
}
}

8
ui-ngx/src/app/shared/components/time/timeinterval.component.scss
View File

@ -27,6 +27,14 @@
} }
:host ::ng-deep { :host ::ng-deep {
.mat-mdc-form-field-has-icon-suffix {
.mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
padding-right: 12px;
}
.mat-mdc-form-field-icon-suffix:empty {
padding: 0;
}
}
.number-input { .number-input {
.mat-mdc-form-field-infix { .mat-mdc-form-field-infix {
width: 50px; width: 50px;

21
ui-ngx/src/form.scss
View File

@ -381,16 +381,6 @@
} }
} }
} }
&.mat-mdc-form-field-has-icon-suffix {
.mat-mdc-form-field-icon-suffix:empty {
padding: 0;
}
.mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
&.mdc-text-field--outlined, &:not(.mdc-text-field--outlined) {
padding-right: 12px;
}
}
}
.mat-mdc-text-field-wrapper { .mat-mdc-text-field-wrapper {
&.mdc-text-field--outlined, &:not(.mdc-text-field--outlined) { &.mdc-text-field--outlined, &:not(.mdc-text-field--outlined) {
&:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(:hover) { &:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(:hover) {
@ -799,15 +789,4 @@
} }
} }
} }
.mat-mdc-form-field-has-icon-suffix {
.mat-mdc-form-field-icon-suffix:empty {
padding: 0;
}
.mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
&.mdc-text-field--outlined, &:not(.mdc-text-field--outlined) {
padding-right: 16px;
}
}
}
} }