Toast messages sould be alligned to right side of map so they not show over right pane. #39

Closed
opened 2026-09-20 09:45:56 +02:00 by kamilkrzywda · 1 comment
Owner
No description provided.
Author
Owner

Fixed in v0.23.1 (PR #44, merged).

Toast notifications were position: fixed at the viewport's bottom-right, which overlapped the 280px-wide right pane ("Jobs & Market"). They now sit flush against the map's right edge instead — clear of the right pane.

The fix is a single CSS value in app/globals.css: .toasts right: 12px → right: 292px (= 280px right pane + 12px inset). Because .app-shell has no grid gap, the map column's right edge is exactly viewport-right − 280px, so this keeps the same 12px margin but anchors to the map. No JSX, component, endpoint, or new CSS class touched; e2e/toasts.spec.ts wording updated only (no test asserts toast position).

Fixed in **v0.23.1** (PR #44, merged). Toast notifications were `position: fixed` at the viewport's bottom-right, which overlapped the 280px-wide right pane ("Jobs & Market"). They now sit flush against the **map's** right edge instead — clear of the right pane. The fix is a single CSS value in `app/globals.css`: `.toasts` `right: 12px` → `right: 292px` (= 280px right pane + 12px inset). Because `.app-shell` has no grid gap, the map column's right edge is exactly viewport-right − 280px, so this keeps the same 12px margin but anchors to the map. No JSX, component, endpoint, or new CSS class touched; `e2e/toasts.spec.ts` wording updated only (no test asserts toast position). - Version: v0.23.1 - PR: #44 (merged) - Merge commit: f44e7aa - Deployed: https://flight.dev.kkhost.pl (`/api/version` → 0.23.1, root HTTP 200)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: OpenCode/Flight-Ops#39