Om kategorien
Formål
En bevisst liten z-indeks-skala for faste og flytende elementer, begrenset til to overlay-nivåer fordi nettstedet ikke trenger mer.
Egner seg for
- Faste eller flytende kontroller som må ligge over vanlig innhold, som varsler og statuslinjer.
- Tilfeller der ett overlay må ligge stabilt over et annet uten en stor z-indeks-skala.
Egner seg ikke for
- Ikke for vanlige elementer i dokumentflyt som ikke skal løftes ut av naturlig stablingsrekkefølge.
- Ikke for lokale "z-index-kriger" med stadig høyere tall; da må behovet løses eksplisitt.
Tokens
| Token | Verdi | Beskrivelse |
|---|---|---|
--z-overlay | 1000 | Vanlige faste og flytende kontroller, som dialogkanter og sidetall. |
--z-overlay-top | 1001 | Varsler og statuslinjer som må ligge over andre overlays, som toast og relay-statuslinjer. |
Detaljer
- Skalaen er med vilje liten:
overlayfor vanlige faste eller flytende kontroller ogoverlay-topfor flater som må ligge over andre overlays.