Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-30 05:05:18 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: update to Angular 8, Nebular 4 (#2114)

Browse source
This commit is contained in:
Dmitry Nehaychik 2019-07-02 16:18:09 +03:00 • committed by Sergey Andrievskiy
parent 537e6a77b0
commit e9600b4a07
323 changed files with 7421 additions and 14161 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/pages/e-commerce/progress-section/progress-section.component.html
View file

@ -2,9 +2,9 @@
<nb-card-body>
<div class="progress-info" *ngFor="let item of progressInfoData">
<div class="title">{{ item.title }}</div>
<div class="value">{{ item.value | ngxNumberWithCommas }}</div>
<div class="h3">{{ item.value | ngxNumberWithCommas }}</div>
<nb-progress-bar [value]="item.activeProgress"></nb-progress-bar>
<div class="description">
<div class="caption description">
<bdi>{{ item.description }}</bdi>
</div>
</div>

42
src/app/pages/e-commerce/progress-section/progress-section.component.scss
View file

@ -4,8 +4,10 @@ $shadow-green: #00977e;
@include nb-install-component() {
.progress-info {
color: nb-theme(color-fg-heading);
margin-top: 2.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 2rem;
&:first-child {
margin-top: 0;
@ -13,41 +15,13 @@ $shadow-green: #00977e;
}
.title {
font-family: nb-theme(font-secondary);
font-size: nb-theme(font-size-lg);
font-weight: nb-theme(font-weight-bold);
}
.value {
font-size: 3rem;
font-weight: nb-theme(font-weight-light);
margin-top: 0.5rem;
font-family: nb-theme(text-subtitle-font-family);
font-size: nb-theme(text-subtitle-font-size);
font-weight: nb-theme(text-subtitle-font-weight);
line-height: nb-theme(text-subtitle-line-height);
}
.description {
color: nb-theme(color-fg);
margin-top: 0.5rem;
}
/deep/ nb-progress-bar {
margin-top: 0.2rem;
.progress-container {
height: 0.8rem;
border-radius: 0;
}
.progress-value {
height: 0.6rem;
background: nb-theme(progress-bar-background);
@include nb-for-theme(cosmic) {
box-shadow: 0 0.2rem $shadow-green;
}
@include nb-for-theme(corporate) {
height: 100%;
}
}
}
}