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

UI: Refactoring css

Browse Source
This commit is contained in:
Artem Dzhereleiko 2024-12-10 17:14:01 +02:00
parent 6dfd8b85f9
commit 42646d4e5c
1 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
ui-ngx/src/app/modules/home/components/widget/lib/home-page/usage-info-widget.component.scss
View File

@ -16,8 +16,6 @@
@import "../../../../../../../scss/constants"; @import "../../../../../../../scss/constants";
:host { :host {
--mdc-linear-progress-track-height: 8px;
--mdc-linear-progress-active-indicator-height: 8px;
.tb-card-header { .tb-card-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -46,10 +44,18 @@
} }
.tb-usage-items-progress { .tb-usage-items-progress {
--mdc-linear-progress-track-height: 8px;
--mdc-linear-progress-active-indicator-height: 8px;
width: 34px; width: 34px;
@media #{$mat-md} { @media #{$mat-md} {
display: none; display: none;
} }
.mat-mdc-progress-bar {
&.critical {
--mdc-linear-progress-track-color: rgba(209, 39, 48, 0.06);
--mdc-linear-progress-active-indicator-color: #D12730;
}
}
.mdc-linear-progress { .mdc-linear-progress {
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; margin-bottom: 6px;
@ -94,18 +100,3 @@
color: rgba(0, 0, 0, 0.76); color: rgba(0, 0, 0, 0.76);
} }
} }
:host ::ng-deep {
.tb-usage-items-progress {
.mat-mdc-progress-bar {
&.critical {
.mdc-linear-progress__buffer-bar {
background: rgba(209, 39, 48, 0.06);
}
.mdc-linear-progress__bar-inner {
border-top-color: #D12730;
}
}
}
}
}