Browse Source

Table: fix sorting arrow style

Leopoldthecoder 7 years ago
parent
commit
dd8d350b7d
2 changed files with 10 additions and 9 deletions
  1. 7 6
      packages/theme-chalk/src/table.scss
  2. 3 3
      packages/theme-chalk/src/tag.scss

+ 7 - 6
packages/theme-chalk/src/table.scss

@@ -426,9 +426,11 @@
   }
 
   .caret-wrapper {
-    position: absolute;
-    display: inline-block;
-    height: 100%;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    height: 34px;
+    width: 24px;
     vertical-align: middle;
     cursor: pointer;
     overflow: initial;
@@ -440,14 +442,13 @@
     overflow: hidden;
     font-size: 15px;
     position: absolute;
-    left: 4px;
 
     &.ascending {
-      top: 1px;
+      top: 5px;
     }
 
     &.descending {
-      bottom: 1px;
+      bottom: 7px;
     }
   }
 

+ 3 - 3
packages/theme-chalk/src/tag.scss

@@ -20,9 +20,9 @@
     position: relative;
     cursor: pointer;
     font-size: 12px;
-    height: 18px;
-    width: 18px;
-    line-height: 18px;
+    height: 16px;
+    width: 16px;
+    line-height: 16px;
     vertical-align: middle;
     top: -1px;
     right: -5px;