fix: inner scroll table

alauda · May 11, 2022 · 2be2806 · 2be2806
1 parent e022c68
commit 2be2806
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/paginator/paginator.component.scss b/src/paginator/paginator.component.scss
@@ -7,7 +7,8 @@ $input-width: 80px;
 .#{$block} {
   display: inline-flex;
   align-items: center;
-  color: use-rgb(n-1);
+  white-space: nowrap;
+  @include text-set(m);
 
   .aui-button {
     width: use-var(line-height-xl);
@@ -71,15 +72,11 @@ $input-width: 80px;
     }
   }
 
-  &__total {
-    font-size: use-var(font-size-m);
-  }
-
   &__navigator.aui-button {
     background-color: use-rgb(n-8);
 
     aui-icon {
-      font-size: use-var(font-size-l);
+      font-size: use-var(icon-size-m);
     }
 
     &:hover {

diff --git a/src/table/table-scroll.scss b/src/table/table-scroll.scss
@@ -7,12 +7,17 @@ $stickyCssClass: 'aui-table-sticky';
 
 // style for column shadow
 .aui-table__scroll-wrapper {
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  overflow: hidden;
   background-color: use-rgb(n-9);
   padding: 0 $table-padding $table-padding;
   border-radius: use-var(border-radius-l);
   @include scroll-bar;
 
   .aui-table {
+    max-height: 100%;
     padding: 0;
     border-radius: 0;
   }
@@ -96,6 +101,9 @@ $stickyCssClass: 'aui-table-sticky';
     align-items: stretch;
 
     .aui-table__cell {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
       border-width: 1px 0;
       border-style: solid;
       border-color: use-rgb(n-8);