Skip to content

UI: Fix Storage tab content overlap - #68798

Closed
Revanth14 wants to merge 2 commits into
apache:mainfrom
Revanth14:fix-68754-key-cell-wrap
Closed

UI: Fix Storage tab content overlap#68798
Revanth14 wants to merge 2 commits into
apache:mainfrom
Revanth14:fix-68754-key-cell-wrap

Conversation

@Revanth14

Copy link
Copy Markdown
Contributor

closes: #68754

The details-panel collapse control is absolutely positioned over the left edge of the tab content, so on the Storage tab it covered the start of the Task State Store and XCom Key column. This adds start spacing to the Storage sub-tabs so
their content no longer sits under that control.

The spacing is applied only to the Storage sub-tabs, so Logs, Code, Details, and other task tabs keep their existing layout.

Before:
bef1
bef2

After:
af1
af2

@boring-cyborg boring-cyborg Bot added the area:UI Related to UI/UX. For Frontend Developers. label Jun 21, 2026

@jroachgolf84 jroachgolf84 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

LGTM

@eladkal eladkal added this to the Airflow 3.3.0 milestone Jun 23, 2026
@eladkal eladkal added type:bug-fix Changelog: Bug Fixes backport-to-v3-3-test Backport to v3-3-test labels Jun 23, 2026

@pierrejeambrun pierrejeambrun left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

This issue isn't specific to the 'storage' tab. It's basically any 'right detail' panel not having enough spacing left that will be impacted.

For instance here is the task tab:
Image

To fix this everywhere, I would argue for making the button much 'smaller' horizontally, and maybe expand the button back to the current shape and form when hovering the >.

Or any other design update that will make this button disappear or be somehow smaller. (move it at the top of the vertical separator)

The other alternative is simply to pad left all tabs, to make sure they don't overlap but this will be cumbersome. Some tabs already have enough padding, and don't need extra, some others do etc....

@pierrejeambrun pierrejeambrun left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thanks for the PR.

Not the right approach, that's fixing only the storage tab, while the bug can appear on any right pane tabs.

Closing in favor of #69240.

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-3-test Backport to v3-3-test ready for maintainer review Set after triaging when all criteria pass. type:bug-fix Changelog: Bug Fixes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

'Task State Store' or 'Xcom' key is getting overlapped with expand/collapse details panel

6 participants