84ca3dfe42
Move small tasks from wishlist to todo, update npm packages Replace #[Auth] attributes with manual auth checks and code quality rule Remove on_jqhtml_ready lifecycle method from framework Complete ACL system with 100-based role indexing and /dev/acl tester WIP: ACL system implementation with debug instrumentation Convert rsx:check JS linting to RPC socket server Clean up docs and fix $id→$sid in man pages, remove SSR/FPC feature Reorganize wishlists: priority order, mark sublayouts complete, add email Update model_fetch docs: mark MVP complete, fix enum docs, reorganize Comprehensive documentation overhaul: clarity, compression, and critical rules Convert Contacts/Projects CRUD to Model.fetch() and add fetch_or_null() Add JS ORM relationship lazy-loading and fetch array handling Add JS ORM relationship fetching and CRUD documentation Fix ORM hydration and add IDE resolution for Base_* model stubs Rename Json_Tree_Component to JS_Tree_Debug_Component and move to framework Enhance JS ORM infrastructure and add Json_Tree class name badges 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
48 lines
1.5 KiB
Plaintext
Executable File
48 lines
1.5 KiB
Plaintext
Executable File
Z-INDEX STANDARDS
|
|
=================
|
|
|
|
RSpade z-index scale, extending Bootstrap 5 defaults.
|
|
|
|
SCALE
|
|
-----
|
|
z-index Layer Purpose
|
|
------- ----- -------
|
|
auto/0 Base Normal page content flow
|
|
1000 Dropdown Page-level dropdowns (Bootstrap)
|
|
1020 Sticky Sticky headers (Bootstrap)
|
|
1030 Fixed Fixed navbars (Bootstrap)
|
|
1040 Modal backdrop (Bootstrap)
|
|
1050 Modal (Bootstrap)
|
|
1070 Popover (Bootstrap)
|
|
1080 Tooltip (Bootstrap)
|
|
1090 Toast Notifications (Bootstrap)
|
|
1100 Modal children Dropdowns/selects inside modals
|
|
1200 Flash alerts Application flash messages
|
|
9000+ System/Debug Error overlays, debug panels
|
|
|
|
USAGE
|
|
-----
|
|
Page elements: Use auto/default stacking. Rarely need explicit z-index.
|
|
|
|
Modal children (1100):
|
|
Components that render dropdowns to <body> (TomSelect, datepickers)
|
|
need z-index > modal (1050) to appear above the modal.
|
|
|
|
Flash alerts (1200):
|
|
Application-level notifications that should appear above modals.
|
|
|
|
System (9000+):
|
|
Reserved for framework-level UI: uncaught error displays, debug tools.
|
|
Application code should not use this range.
|
|
|
|
ADDING NEW LAYERS
|
|
-----------------
|
|
Gaps between values are intentional. When adding new layers:
|
|
1. Use existing Bootstrap value if applicable
|
|
2. Otherwise, slot into appropriate range with buffer space
|
|
3. Document here
|
|
|
|
SEE ALSO
|
|
--------
|
|
Bootstrap z-index: https://getbootstrap.com/docs/5.3/layout/z-index/
|