Skip to content

Refactor all modals to unify them into one shared SmallModal widget#918

Merged
kevinaboos merged 2 commits into
project-robius:mainfrom
kevinaboos:modal_refactor_small_modals
Jun 9, 2026
Merged

Refactor all modals to unify them into one shared SmallModal widget#918
kevinaboos merged 2 commits into
project-robius:mainfrom
kevinaboos:modal_refactor_small_modals

Conversation

@kevinaboos

Copy link
Copy Markdown
Member

Closes #911

This basically ensures that we have a consistent modal display size and layout for all modals in Robrix. WIthout this, they looked a bit unprofessional due to their inconsistencies.
Now every smaller modal (which excludes the full-screen modals for event source and file uploads) looks the same, and offers a title, body, and buttons row.
This also makes the modals easier to define, and ensures that their content is never cut off by app window or screen size limitations, both vertically and horizontally, and that scrolling always works as expected.

As part of this, we've fixed modal-related bugs on the Makepad side as well, such as scrolling piercing thru a modal to the underlying view, and scrolling within a modal (or any other view) that has a Fit-max bound, and drag scrolling using your finger.
See: makepad/makepad#1117

Thanks to those makepad fixes, the bottom margins of all modals are now respected when the app window is too short for the modal to fit.

Other fixes:

  • Reset the user profile sliding pane when a room is shown.
  • Fix vertical spacing of buttons in the TSP settings screen.

This basically ensures that we have a consistent modal display size
and layout for all modals in Robrix. WIthout this, they looked a bit
unprofessional due to their inconsistencies.
Now every smaller modal (which excludes the full-screen modals for
event source and file uploads) looks the same, and offers a title,
body, and buttons row.
This also makes the modals easier to define, and ensures that their
content is never cut off by app window or screen size limitations,
both vertically and horizontally, and that scrolling always works
as expected.

As part of this, we've fixed modal-related bugs on the Makepad side
as well, such as scrolling piercing thru a modal to the underlying view,
and scrolling within a modal (or any other view) that has a Fit-max bound,
and drag scrolling using your finger.
See: <makepad/makepad#1117>

Thanks to those makepad fixes, the bottom margins of all modals are now
respected when the app window is too short for the modal to fit.

Other fixes:
* Reset the user profile sliding pane when a room is shown.
* Fix vertical spacing of buttons in the TSP settings screen.
@kevinaboos kevinaboos merged commit a7aa6de into project-robius:main Jun 9, 2026
11 checks passed
@kevinaboos kevinaboos deleted the modal_refactor_small_modals branch June 9, 2026 23:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix all smaller modals to be width: Fill (with a margin) plus an absolute max (~400-450 px)

1 participant