Layer notifications above modal editor backdrop

[Copilot]

Notification toasts and the notification center (z-index: 1000) render behind the modal editor backdrop (z-index: 2540), making them nearly invisible when a modal is open.

Raised both .notifications-toasts and .notifications-center to z-index: 2545 — above the modal backdrop (2540), below quick input (2550) and dialogs (2575).

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[bpasero]

@copilot is this still below hovers? thats the thing we cannot be on top of

[Copilot]

@copilot is this still below hovers? thats the thing we cannot be on top of

Yes, notifications at 2545 are still below hovers. Hovers render via ContextView.show() which sets z-index: 2575 + layer (see contextview.ts:194), and HoverContextViewDelegate always sets layer = stackDepth starting at 1, so hovers get z-index 2576+.

The full layering order is:

• Modal editor backdrop: 2540
• Notifications: 2545 (this PR)
• Quick input: 2550
• Dialogs: 2575
• Hovers/context views: 2576+

[Copilot]

Pull request overview

This PR fixes a UI layering issue where notification toasts and the notifications center were being rendered behind the modal editor backdrop, making them difficult to see while a modal editor is open.

Changes:

• Increased .notifications-toasts z-index to 2545 so toasts render above the modal editor backdrop (2540).
• Increased .notifications-center z-index to 2545 for the same reason, keeping it below quick input (2550) and dialogs (2575).

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css	Raises toast container z-index so notifications remain visible when a modal editor is open.
src/vs/workbench/browser/parts/notifications/media/notificationsCenter.css	Raises notification center z-index to match toast behavior and avoid being dimmed/hidden by the modal backdrop.