v0.23.1 — Align toast stack to map right edge, clear of right pane (#39) #44

Merged
kamilkrzywda merged 1 commits from ui/toast-align-map-right into master 2026-09-20 10:52:40 +02:00
Owner

What changed (ISS-039 / #39)

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.

  • app/globals.css — .toasts rule: right: 12px → right: 292px (= 280px right pane + 12px inset), with a comment explaining the offset. This is the only functional change — no JSX, component, endpoint, or new CSS class touched. Because .app-shell has no grid gap, the map column's right edge is exactly viewport-right − 280px, so right: 292px keeps the same 12px margin but clears the right pane entirely.
  • e2e/toasts.spec.ts — wording-only: header comment + test title updated from "bottom-right" to map-right-edge phrasing. No assertions added or changed (no e2e test checks toast position, only visibility/class/text).

Verified locally

tsc --noEmit clean · vitest 288/288 passed (31 files) · npx playwright test --list = 41 tests in 12 files, no compile errors. e2e not run locally by design — CI verifies against the isolated stack.

Closes #39

## What changed (ISS-039 / #39) 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. - `app/globals.css` — `.toasts` rule: `right: 12px` → `right: 292px` (= 280px right pane + 12px inset), with a comment explaining the offset. This is the only functional change — no JSX, component, endpoint, or new CSS class touched. Because `.app-shell` has no grid gap, the map column's right edge is exactly viewport-right − 280px, so `right: 292px` keeps the same 12px margin but clears the right pane entirely. - `e2e/toasts.spec.ts` — wording-only: header comment + test title updated from "bottom-right" to map-right-edge phrasing. No assertions added or changed (no e2e test checks toast position, only visibility/class/text). ## Verified locally `tsc --noEmit` clean · vitest 288/288 passed (31 files) · `npx playwright test --list` = 41 tests in 12 files, no compile errors. e2e not run locally by design — CI verifies against the isolated stack. Closes #39
kamilkrzywda added 1 commit 2026-09-20 10:45:33 +02:00
Align toast stack to map right edge, clear of right pane (#39)
CI / build + unit + e2e (pull_request) Successful in 7m1s
58d05f5287
kamilkrzywda scheduled this pull request to auto merge when all checks succeed 2026-09-20 10:45:46 +02:00
kamilkrzywda merged commit f44e7aa0f5 into master 2026-09-20 10:52:40 +02:00
kamilkrzywda deleted branch ui/toast-align-map-right 2026-09-20 10:52:40 +02:00
Sign in to join this conversation.