.transfer-panel: also bottom-right, z-index 2100 (app.css:5517-5527), so it covers toasts. Its comment (5514-5516) says "both float bottom-left", which is out of date.
.verification-dialog: bottom-right, z-index 70 (app.css:357-371), so toasts cover its buttons.
Fix: a z-index scale in theme.css and distinct anchors (or one shared stacking column) so none of the three covers another.
Part of the v1.0 UI pass.
- `.toasts`: bottom-right, z-index 2000 (app.css:2560-2569)
- `.transfer-panel`: also bottom-right, z-index 2100 (app.css:5517-5527), so it covers toasts. Its comment (5514-5516) says "both float bottom-left", which is out of date.
- `.verification-dialog`: bottom-right, z-index 70 (app.css:357-371), so toasts cover its buttons.
**Fix:** a z-index scale in `theme.css` and distinct anchors (or one shared stacking column) so none of the three covers another.
_Part of the v1.0 UI pass._
Salastil
added this to the v1.0 milestone 2026-10-07 20:42:55 -04:00
Salastil
added the bug label 2026-10-07 20:42:55 -04:00
Before (left) and after (right), the same two toasts:
The three things that float in the bottom-right now have their own places: toasts top right (under the title bar), files bottom right, a verification bottom centre, and a ringing call stays bottom left. None can sit on another. Checked by the layout check (npm run test:ui, still passing) and by the picture; the verification dialog and file panel were not photographed because the harness cannot stage them.
Finished: [6598043](https://git.salastil.com/Salastil/moho/commit/65980434838a52d1a9ad3ae97b84acae2e367de9).
Before (left) and after (right), the same two toasts:
The three things that float in the bottom-right now have their own places: **toasts top right** (under the title bar), **files bottom right**, **a verification bottom centre**, and a ringing call stays bottom left. None can sit on another. Checked by the layout check (`npm run test:ui`, still passing) and by the picture; the verification dialog and file panel were not photographed because the harness cannot stage them.
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
.toasts: bottom-right, z-index 2000 (app.css:2560-2569).transfer-panel: also bottom-right, z-index 2100 (app.css:5517-5527), so it covers toasts. Its comment (5514-5516) says "both float bottom-left", which is out of date..verification-dialog: bottom-right, z-index 70 (app.css:357-371), so toasts cover its buttons.Fix: a z-index scale in
theme.cssand distinct anchors (or one shared stacking column) so none of the three covers another.Part of the v1.0 UI pass.
Finished: 6598043.
Before (left) and after (right), the same two toasts:
The three things that float in the bottom-right now have their own places: toasts top right (under the title bar), files bottom right, a verification bottom centre, and a ringing call stays bottom left. None can sit on another. Checked by the layout check (
npm run test:ui, still passing) and by the picture; the verification dialog and file panel were not photographed because the harness cannot stage them.