Skip to main content
February 19, 20261.0.20v1.0.20RSS

v1.0.20 — [UI/UX] Product header action bar overflows on medium screens with no responsive treatment

Release Notes

The ProductHeader renders up to 5 buttons in a flex row (Open App, Source, GitHub, Trigger Pipeline, Settings) — at tablet widths these buttons overflow or wrap awkwardly. There's no overflow menu or responsive collapse strategy for the action bar.

Category: responsive File: src/components/product-header.tsx Recommendation: At md and below, collapse secondary actions (Source, GitHub, Settings) into a single '...' dropdown menu, keeping only the primary CTA ('Open App' or 'Trigger Pipeline') as a visible button. Use a DropdownMenu component which already exists in the UI library.