[action-bar]: responsive action bar for Drafts, Review, and Recommendations#774
Conversation
…ing support for better usability. Updated ActionBarView, ContentView in Recommendations, and ContentView in Review to include Scroll.Horizontal in their layout definitions.
|
@ArtemLazarchuk I am thinking about responsive UI instead not all people have a touchpad or know they can shift+scroll_wheel to do horizontal scrolling |
|
can you make it so on smaller screens we remove text and just have icons + KBD? |
…s. Introduced new methods for handling button visibility based on screen size, enhancing the user interface for different device types.
… improved button visibility and responsiveness across different screen sizes. Introduced new helper methods for managing action button layouts, enhancing the user interface for both plan and review views.
… methods for improved readability and maintainability. Enhanced button layout responsiveness across different screen sizes, ensuring a better user experience in the Recommendations view.
… from layout definitions, enhancing button visibility and responsiveness. This change improves the user interface across different screen sizes while maintaining consistent alignment and spacing.
Staging preview |
2026-05-21.20.08.36.movResponsive action barShared Breakpoints
The ⋯ menu holds actions that do not fit at the current width. Each breakpoint has its own menu so items are not duplicated.
How to test
|
ArtemLazarchuk
changed the title
| { | ||
| if (hasActiveSplitJob) return; | ||
| .OnClick(SplitPlan)) | ||
| | ActionBarResponsive.AtWide(new Button("Expand").Icon(Icons.UnfoldVertical).Outline().ShortcutKey("x") |
There was a problem hiding this comment.
got a feedback there should be a lot more reused components / there could be too much object recreation here with the new keywords
rorychatt
left a comment
rorychatt
left a comment
There was a problem hiding this comment.
If you can address my feedback relatively quickly, do it, but we do not plan on merging this in the upcoming days
Another comment is that prioritization of what remains on the action bar (previous and next maybe are less important that other buttons)
Need to rethink if this is the right way to do what we want. Leave that with the core team.
3 participants
Summary
Fixes #724
Action bar buttons in the Drafts, Review, and Recommendations views were
clipped when the window was too narrow. This PR adds horizontal scrolling so all
buttons remain accessible.
Changes
Apps/Plans/ActionBarView.cs—.Scroll(Scroll.Horizontal)on both normal and edit mode barsApps/Review/ContentView.cs—.Scroll(Scroll.Horizontal)on the review action barApps/Recommendations/ContentView.cs—.Scroll(Scroll.Horizontal)on the recommendations action barDependency
Requires Ivy-Interactive/Ivy-Framework#4462 — adds frontend support for
Scroll.HorizontalinStackLayoutWidget. Without that PR the.Scroll(Scroll.Horizontal)call has no visual effect.2026-05-20.13.22.25.mov