Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-09-22 05:50:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix scroll for "user activity" card

Browse source
This commit is contained in:
eugene-sinitsyn 2020-03-11 13:27:00 +03:00
parent b00da0d260
commit 4d793b1731
3 changed files with 31 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
View file

@ -16,4 +16,9 @@
@include nb-ltr(padding-right, 4rem);
@include nb-rtl(padding-left, 4rem);
}
nb-card-body {
padding-left: 0;
padding-right: 0;
}
}

40
src/app/pages/e-commerce/user-activity/user-activity.component.html
View file

@ -7,27 +7,29 @@
</nb-select>
</nb-card-header>
<nb-list class="user-activity-list">
<nb-list-item *ngFor="let item of userActivity">
<nb-card-body>
<nb-list class="user-activity-list">
<nb-list-item *ngFor="let item of userActivity">
<div class="visited-date">
{{ item.date }}
</div>
<div class="visited-pages-count">
<div class="caption">Pages Visit</div>
<div class="value">{{ item.pagesVisitCount }}</div>
</div>
<div class="visited-percentages">
<div class="caption">New visits, %</div>
<div class="delta value" [class.up]="item.deltaUp" [class.down]="!item.deltaUp">
<nb-icon [icon]="item.deltaUp ? 'arrow-up' : 'arrow-down'" pack="eva"></nb-icon>
{{ item.newVisits }}%
<div class="visited-date">
{{ item.date }}
</div>
</div>
</nb-list-item>
</nb-list>
<div class="visited-pages-count">
<div class="caption">Pages Visit</div>
<div class="value">{{ item.pagesVisitCount }}</div>
</div>
<div class="visited-percentages">
<div class="caption">New visits, %</div>
<div class="delta value" [class.up]="item.deltaUp" [class.down]="!item.deltaUp">
<nb-icon [icon]="item.deltaUp ? 'arrow-up' : 'arrow-down'" pack="eva"></nb-icon>
{{ item.newVisits }}%
</div>
</div>
</nb-list-item>
</nb-list>
</nb-card-body>
</nb-card>

5
src/app/pages/e-commerce/user-activity/user-activity.component.scss
View file

@ -10,6 +10,11 @@
padding-bottom: nb-theme(card-header-with-select-padding-bottom);
}
nb-card-body {
padding-left: 0;
padding-right: 0;
}
nb-list {
overflow-x: hidden;
}