fix(table): update table scrollbar style

clair-design · Jan 22, 2019 · a2f0d6d · a2f0d6d
1 parent 3974ca6
commit a2f0d6d
Showing 1 changed file with 2 additions and 44 deletions.
diff --git a/src/components/table/index.css b/src/components/table/index.css
@@ -51,18 +51,11 @@
 }
 
 .c-scroll__thead {
-  -ms-overflow-style: none;
-  overflow-x: auto;
-  -ms-scroll-chaining: none;
-  overscroll-behavior: none;
+  overflow-x: hidden;
 
   & table {
     table-layout: fixed;
   }
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
 }
 
 .c-table__body table {
@@ -75,22 +68,6 @@
 .c-scroll__tbody,
 .c-scrolltable {
   overflow-x: auto;
-  -ms-scroll-chaining: none;
-  overscroll-behavior: none;
-
-  &::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #ced3d9;
-    border-radius: 30px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: #eaeced;
-  }
 
   & table {
     table-layout: fixed;
@@ -200,22 +177,6 @@
 
 .c-table__body {
   overflow-y: auto;
-  -ms-scroll-chaining: none;
-  overscroll-behavior: none;
-
-  &::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #ced3d9;
-    border-radius: 30px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: #eaeced;
-  }
 }
 
 .c-table__all.c-table {
@@ -340,10 +301,7 @@
     & .c-table__body {
       border-bottom: 0;
       -ms-overflow-style: none;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
+      overflow: hidden;
     }
   }