Browse Source
Merge pull request #12221 from ArtemDzhereleiko/AD/hot-fix/usage-info-progress-scroll
Fixed scroll on progress bar for usage info widget
pull/12255/head
Igor Kulikov
1 year ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with
8 additions and
19 deletions
-
ui-ngx/src/app/modules/home/components/widget/lib/home-page/usage-info-widget.component.scss
|
|
|
@ -44,12 +44,19 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.tb-usage-items-progress { |
|
|
|
--mdc-linear-progress-track-height: 8px; |
|
|
|
--mdc-linear-progress-active-indicator-height: 8px; |
|
|
|
width: 34px; |
|
|
|
@media #{$mat-md} { |
|
|
|
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 { |
|
|
|
height: 8px; |
|
|
|
margin-top: 6px; |
|
|
|
margin-bottom: 6px; |
|
|
|
border-radius: 2px; |
|
|
|
@ -93,21 +100,3 @@ |
|
|
|
color: rgba(0, 0, 0, 0.76); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:host ::ng-deep { |
|
|
|
.tb-usage-items-progress { |
|
|
|
.mat-mdc-progress-bar { |
|
|
|
.mdc-linear-progress__bar-inner { |
|
|
|
border-top-width: 8px; |
|
|
|
} |
|
|
|
&.critical { |
|
|
|
.mdc-linear-progress__buffer-bar { |
|
|
|
background: rgba(209, 39, 48, 0.06); |
|
|
|
} |
|
|
|
.mdc-linear-progress__bar-inner { |
|
|
|
border-top-color: #D12730; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
