Skip to content

fix(ag-grid-angular-theme): dropdown background (#DS-5077)#163

Merged
artembelik merged 3 commits into
mainfrom
fix/DS-5077
May 14, 2026
Merged

fix(ag-grid-angular-theme): dropdown background (#DS-5077)#163
artembelik merged 3 commits into
mainfrom
fix/DS-5077

Conversation

@artembelik

Copy link
Copy Markdown
Contributor

No description provided.

Copilot AI review requested due to automatic review settings May 14, 2026 13:46
@artembelik artembelik added the bug Something isn't working label May 14, 2026
@artembelik artembelik self-assigned this May 14, 2026
@github-actions

github-actions Bot commented May 14, 2026

Copy link
Copy Markdown

Visit the preview URL for this PR (updated for commit 8d769d9):

https://data-grid-next--data-grid-pr-163-a6bk9osj.web.app

(expires Tue, 19 May 2026 13:56:15 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: b9d49913f5b5988e9af8690a8b37f16143707448

@github-actions

Copy link
Copy Markdown

🚨 E2E tests failed

Review the report for details.


💡 Comment /approve-snapshots to approve snapshot changes.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adjusts the Koobiq AG Grid Angular theme to ensure dropdowns/popups (notably filter UI) render with the correct “card” background, and adds/updates visual coverage to prevent regressions.

Changes:

  • Scoped popup/select-list backgrounds by overriding --ag-background-color for .ag-popup and .ag-select-list.
  • Set --ag-menu-background-color at the theme root to align AG Grid menu surfaces with Koobiq “card” background.
  • Added a Playwright screenshot test case covering the filter popup in both light and dark themes (and disabled cell focus styles in the theme e2e component for consistent visuals).

Reviewed changes

Copilot reviewed 3 out of 5 changed files in this pull request and generated no comments.

File Description
packages/ag-grid-angular-theme/src/theme.scss Updates theme CSS variables/mixins to apply card background to popups/menus and select lists.
dev/ag-grid-angular/src/tests/theme.playwright-spec.ts Adds screenshot coverage for the opened filter popup in light/dark.
dev/ag-grid-angular/src/tests/theme.ng.ts Enables disableCellFocusStyles for the theme e2e grid instance (stabilizes visual state).

@artembelik

Copy link
Copy Markdown
Contributor Author

/approve-snapshots

@github-actions

Copy link
Copy Markdown

🔄 Updating snapshots.

@github-actions

Copy link
Copy Markdown

✅ Snapshots updated!

@artembelik artembelik merged commit 5962c3c into main May 14, 2026
7 checks passed
@artembelik artembelik deleted the fix/DS-5077 branch May 14, 2026 13:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants