UI Layers

Jump to bottom

afwilcox edited this page Nov 3, 2023 · 1 revision

The following z-indexes are used in the UI to layer content.

10000

Toasts
Modals
Spinner Overlay

9000

Main Banner containing logo, product name etc.
The Grey-out behind the modals
Side Navigation bar
Tool Tips

8000

Navigation Tabs in List View
Complaint Details/Edit/Create Header

7000

Select Dropdowns
Datepicker

6000

Search/Navigation bar above list