diff --git a/packages/ag-grid-theme/css/salt-ag-grid-theme.css b/packages/ag-grid-theme/css/salt-ag-grid-theme.css index 7df6bb081c7..4cbeaf5c0bd 100644 --- a/packages/ag-grid-theme/css/salt-ag-grid-theme.css +++ b/packages/ag-grid-theme/css/salt-ag-grid-theme.css @@ -247,6 +247,11 @@ div[class*="ag-theme-salt"] .ag-cell.numeric-cell { text-align: right; } +/* Special case when user finish editing and click out side of the grid. */ +div[class*="ag-theme-salt"] .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus) { + text-align: right; +} + div[class*="ag-theme-salt"] .ag-has-focus .ag-cell.ag-cell-focus:not(.ag-cell-range-selected), div[class*="ag-theme-salt"] .ag-context-menu-open .ag-cell.ag-cell-focus:not(.ag-cell-range-selected), div[class*="ag-theme-salt"] .ag-cell-range-single-cell, @@ -399,12 +404,23 @@ div[class*="ag-theme-salt"] .ag-standard-button { div[class*="ag-theme-salt"] .ag-standard-button:hover { background-color: var(--salt-actionable-secondary-background-hover); + color: var(--salt-actionable-secondary-foreground-hover); } div[class*="ag-theme-salt"] .ag-ltr .ag-filter-apply-panel-button { margin-left: 8px; } +div[class*="ag-theme-salt"] .ag-standard-button.ag-filter-apply-panel-button[ref="applyFilterButton"] { + background: var(--salt-actionable-cta-background); + color: var(--salt-actionable-cta-foreground); +} + +div[class*="ag-theme-salt"] .ag-standard-button.ag-filter-apply-panel-button[ref="applyFilterButton"]:hover { + background: var(--salt-actionable-cta-background-hover); + color: var(--salt-actionable-cta-foreground-hover); +} + div[class*="ag-theme-salt"] .ag-floating-filter { border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-separable-tertiary-borderColor); } @@ -531,6 +547,22 @@ div[class*="ag-theme-salt"] .ag-tool-panel-wrapper > .ag-react-container { width: inherit; } +div[class*="ag-theme-salt"] .ag-side-buttons { + min-width: calc(var(--salt-size-base) + var(--salt-spacing-100)); +} + +div[class*="ag-theme-salt"] button.ag-side-button-button { + padding: var(--salt-spacing-100) var(--salt-spacing-50); +} + +div[class*="ag-theme-salt"] .ag-column-drop-vertical-empty-message { + padding: var(--salt-spacing-100); +} + +div[class*="ag-theme-salt"] .ag-side-button-icon-wrapper { + margin-bottom: var(--salt-spacing-100); +} + /* Toggle Button */ .ag-toggle-button-input-wrapper::before { top: calc(1px - var(--ag-toggle-button-border-width));