fix(comp:table): header sort and filter trigger size not right (#1649)

IDuxFE · Aug 11, 2023 · 2697bb8 · 2697bb8
1 parent 468a749
commit 2697bb8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/components/table/style/index.less b/packages/components/table/style/index.less
@@ -250,15 +250,19 @@
   &-sortable-trigger,
   &-filterable-trigger {
     display: flex;
-    margin: 0 -8px 0 4px;
     align-items: center;
     justify-content: center;
+    margin-left: 4px;
     user-select: none;
     border-radius: @table-border-radius;
     color: @table-head-icon-color;
     transition: color var(--ix-transition-duration-fast), background var(--ix-transition-duration-fast);
     cursor: pointer;
 
+    & + & {
+      margin-left: 0;
+    }
+
     &:hover {
       background-color: @table-head-icon-background-color-hover;
     }

diff --git a/packages/components/table/style/size.less b/packages/components/table/style/size.less
@@ -19,6 +19,10 @@
     .@{table-prefix}-sortable-trigger,
     .@{table-prefix}-filterable-trigger {
       height: @head-height;
+
+      &:last-child {
+        margin-right: calc(4px - @padding-horizontal);
+      }
     }
 
     &:not(:last-child)::before {