opensource/sim
3
0
Fork 0
mirror of https://github.com/simstudioai/sim.git synced 2026-09-24 15:45:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): tuck notification stack below modal and dropdown menus (#5779)

Browse Source
This commit is contained in:
Waleed
2026-07-20 15:41:10 -07:00
committed by GitHub
parent 922515ffb0
commit d71e348ca2
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/sim/app/_styles/globals.css
+6 -3
View File
@@ -22,13 +22,16 @@
--auth-primary-btn-hover-border: #e0e0e0;
--auth-primary-btn-hover-text: #000000;
/* z-index scale. Transient poppers (menus, selects, popovers, tooltips, toasts)
sit above --z-modal so they stay clickable over the semi-transparent overlay. */
/* z-index scale. The toast/notification stack is ambient: it sits above page
content but BELOW the modal and the transient poppers (menus, selects,
popovers, tooltips), so an open modal or dropdown menu is never occluded by
a background notification. Poppers sit above --z-modal so they stay
clickable over the modal's semi-transparent overlay. */
--z-dropdown: 100;
--z-toast: 150;
--z-modal: 200;
--z-popover: 300;
--z-tooltip: 400;
--z-toast: 500;
/* Shadow scale */
--shadow-subtle: 0 2px 4px 0 rgba(0, 0, 0, 0.08);