Update filter column chooser item style

jpmorganchase · Jul 22, 2024 · 261571c · 261571c
1 parent afa89c5
commit 261571c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/.changeset/large-carrots-end.md b/.changeset/large-carrots-end.md
@@ -7,6 +7,7 @@
 - Fixed Country Symbol taller than expected in HD compact. This alters `--salt-size-base` token so Salt Button, form controls (Input, Dropdown, Combo Box) will be impacted as well. Closes #3775.
 - Fixed group value not center aligned vertically.
 - Updated ag grid menu styling to match closer to Salt Menu component.
+- Updated floating filter column chooser item styles. Closes #3671.
 
 Note: We previously made a mistake on `rowHeight` recommendation when configurating AG Grid, which should be 1px more to account for border between row.
 `useAgGridHelpers` example hook is updated to reflect this.

diff --git a/packages/ag-grid-theme/css/salt-ag-grid-theme.css b/packages/ag-grid-theme/css/salt-ag-grid-theme.css
@@ -165,6 +165,17 @@ div[class*="ag-theme-salt"] .ag-cell-label-container {
   padding: var(--salt-spacing-50) 0;
 }
 
+div[class*="ag-theme-salt"] .ag-list-item:hover,
+div[class*="ag-theme-salt"] .ag-virtual-list-item:hover {
+  background-color: var(--salt-selectable-background-hover);
+  cursor: pointer;
+}
+
+div[class*="ag-theme-salt"] .ag-label-align-right .ag-label {
+  margin-inline-start: var(--salt-spacing-100);
+  margin-inline-end: 0;
+}
+
 /* MENU */
 
 div[class*="ag-theme-salt"] .ag-menu {