Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01: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 • committed by Maksim Karatkevich
parent 8f19fa96a3
commit 9037bcf7bd
3 changed files with 84 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;
}
}

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

@ -7,6 +7,7 @@
</nb-select>
</nb-card-header>
<nb-card-body>
<nb-list class="user-activity-list">
<nb-list-item *ngFor="let item of userActivity">
@ -29,5 +30,6 @@
</nb-list-item>
</nb-list>
</nb-card-body>
</nb-card>

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

@ -0,0 +1,58 @@
@import '../../../@theme/styles/themes';
@include nb-install-component() {
nb-card-header {
display: flex;
align-items: center;
justify-content: space-between;
border: none;
padding-top: nb-theme(card-header-with-select-padding-top);
padding-bottom: nb-theme(card-header-with-select-padding-bottom);
}
nb-card-body {
padding-left: 0;
padding-right: 0;
}
nb-list {
overflow-x: hidden;
}
nb-list-item {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 0 -0.25rem;
}
.visited-date,
.visited-pages-count,
.visited-percentages {
flex: 1 0 auto;
margin: 0 0.25rem;
}
.value {
margin-top: 0.25rem;
color: nb-theme(color-success-default);
}
.delta {
display: flex;
align-items: center;
position: relative;
&.down {
color: nb-theme(color-danger-default);
}
&.up {
color: nb-theme(color-success-default);
}
nb-icon ::ng-deep svg {
vertical-align: top;
}
}
}