Update AG Grid theme header icon alignment (#2859)

jpmorganchase · Jan 11, 2024 · 1327994 · 1327994 · vercel · Jan 11, 2024
1 parent 26382cc
commit 1327994
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/strange-years-compare.md b/.changeset/strange-years-compare.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/ag-grid-theme": patch
+---
+
+Update header icon alignment. Adding space between the text and the icon, so the icon will be aligned opposite the text.
diff --git a/packages/ag-grid-theme/css/_salt-ag-theme-mixin.scss b/packages/ag-grid-theme/css/_salt-ag-theme-mixin.scss
@@ -288,8 +288,12 @@
     top: var(--agGrid-column-separator-top);
   }
 
+  .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
+    margin-right: auto;
+  }
+
   .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
-    margin-left: var(--salt-spacing-100);
+    margin-left: auto;
   }
 
   .ag-keyboard-focus .ag-header-cell:focus:after {