Skip to content

Upgrade icons, spacing, and default component themes#66569

Open
bbovenzi wants to merge 5 commits into
apache:mainfrom
astronomer:ux-consistency
Open

Upgrade icons, spacing, and default component themes#66569
bbovenzi wants to merge 5 commits into
apache:mainfrom
astronomer:ux-consistency

Conversation

@bbovenzi
Copy link
Copy Markdown
Contributor

@bbovenzi bbovenzi commented May 7, 2026

Update our theme file for better component defaults:

  • dialogs at "xl"
  • buttons at "sm"
  • table at "sm"
  • checkbox at "sm" with "brand" colors

Our IconButton defaults to variant="ghost" so we can remove the manual props for that too

Also changed our Favorite Dag icons to use real outline and filled versions instead of manipulating the svg

Switched the table column filter from a sort icon to a real columns icon

Before:
Screenshot 2026-05-07 at 4 48 14 PM

After (rows are about 10px shorter)
Screenshot 2026-05-07 at 4 55 58 PM


Was generative AI tooling used to co-author this PR?
  • Yes (Claude Sonnet 4.6)

  • Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
  • For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
  • When adding dependency, check compliance with the ASF 3rd Party License Policy.
  • For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.

@boring-cyborg boring-cyborg Bot added the area:UI Related to UI/UX. For Frontend Developers. label May 7, 2026
@bbovenzi bbovenzi added the backport-to-v3-2-test Mark PR with this label to backport to v3-2-test branch label May 7, 2026
@bbovenzi bbovenzi added this to the Airflow 3.2.2 milestone May 7, 2026
@vatsrahul1001
Copy link
Copy Markdown
Contributor

@bbovenzi Do we need it in 3.2.2?

@bbovenzi
Copy link
Copy Markdown
Contributor Author

@vatsrahul1001 There's no rush. This is all nice-to-have

@bbovenzi
Copy link
Copy Markdown
Contributor Author

Updated to include tooltips in our IconButton to have a tooltip and use the tooltip instead of title.

Added other input elements to have a default size and colorPalette

@bbovenzi bbovenzi force-pushed the ux-consistency branch 3 times, most recently from 74873ec to c00afb7 Compare May 13, 2026 14:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers. backport-to-v3-2-test Mark PR with this label to backport to v3-2-test branch

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants