fix(ktable): update sort styling (#472)

- Adjust position of sort icons - Currently sorted column heading color is blue
Kong · Jan 12, 2022 · 4246089 · 4246089
1 parent 1f5b0de
commit 4246089
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/KTable/KTable.vue b/packages/KTable/KTable.vue
@@ -737,6 +737,10 @@ export default defineComponent({
       font-size: var(--KTableHeaderSize, var(--type-sm, type(sm)));
       font-weight: 500;
 
+      &.active-sort {
+        color: var(--blue-500);
+      }
+
       .sr-only {
         position: absolute;
         width: 1px;
@@ -750,20 +754,16 @@ export default defineComponent({
       }
 
       .caret {
+        position: relative;
         transform: rotate(0deg);
-        transition: 250ms ease;
       }
 
       &.sortable {
         cursor: pointer;
 
         &.asc .caret {
+          top: -4px;
           transform: rotate(-180deg);
-          transition: 250ms ease;
-        }
-
-        &.desc .caret {
-          transition: 250ms ease;
         }
       }
     }