Fix scroll for "user activity" card

akveo · Mar 11, 2020 · 4d793b1 · 4d793b1
1 parent b00da0d
commit 4d793b1
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 17 deletions.
diff --git a/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss b/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
@@ -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;
+  }
 }
diff --git a/src/app/pages/e-commerce/user-activity/user-activity.component.html b/src/app/pages/e-commerce/user-activity/user-activity.component.html
@@ -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-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-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-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>
-      </div>
 
-    </nb-list-item>
-  </nb-list>
+      </nb-list-item>
+    </nb-list>
+  </nb-card-body>
 
 </nb-card>
diff --git a/src/app/pages/e-commerce/user-activity/user-activity.component.scss b/src/app/pages/e-commerce/user-activity/user-activity.component.scss
@@ -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;
   }