refactor: simplify sort heading layout

gravity-ui · Jan 19, 2024 · 9105430 · 9105430
1 parent 17d9672
commit 9105430
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/components/Table/hoc/withTableSorting/withTableSorting.scss b/src/components/Table/hoc/withTableSorting/withTableSorting.scss
@@ -6,17 +6,15 @@ $block: '.#{variables.$ns}table';
     &__sort {
         display: inline-flex;
         align-items: baseline;
+        gap: var(--g-spacing-1);
         // `top` to avoid redundant height to appear
         vertical-align: top;
         cursor: pointer;
         user-select: none;
         border-radius: var(--g-border-radius-xs);
 
-        &-spacer {
-            width: 5px;
-        }
-
         &-indicator {
+            flex-shrink: 0;
             color: var(--g-color-text-hint);
         }
 

diff --git a/src/components/Table/hoc/withTableSorting/withTableSorting.tsx b/src/components/Table/hoc/withTableSorting/withTableSorting.tsx
@@ -136,7 +136,6 @@ export function withTableSorting<I extends TableDataItem, E extends {} = {}>(
                                 <div key="content" className={b('sort-content')}>
                                     {originContent}
                                 </div>,
-                                <div key="spacer" className={b('sort-spacer')} />,
                                 <div key="indicator" className={b('sort-indicator')}>
                                     <SortIndicator order={sortOrder} />
                                 </div>,