[Website] Render error dialogs as Quiet Paper sheets - #4102
Merged
Conversation
The error modal was the last surface speaking the old UI language: a violet badge on a cold white sheet, technical output in a generic gray box, and a footer positioned over a padding hack. It sits on top of the Dock but looks like it belongs to another product. Use the Dock paper tokens, keep technical output in a recessed well, and let the footer participate in the flex layout. Desktop gets the floating Dock radius while mobile remains a full-screen sheet. The frame changes; dismissal and action behavior do not.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Part of #4099.
The site error modal now uses the Dock's Quiet Paper surface, so a failure no longer drops the user into a visual language from before the Dock.
The modal body scrolls inside the sheet while the action footer stays visible. Technical output sits in a recessed well. Desktop uses the Dock pane radius and elevation; mobile remains a full-screen sheet. This PR changes presentation only. Error classification, actions, and dismissal behavior stay as they were.
Before and after
trunkTesting