NavBar: Adaptivity

Nazaj: predstavitveni pregled

Stanje: [Live].

osnovna pogodba NavBara že razumljena.

Tako kot pri TreeView → Adaptivity: pri strnjeni stranski vrstici (ozka vrstica ikon, glej FluentUI: skrbniško območje podrobno) se vsak vnos zmanjša na svojo icon.

Brez lastnega klica — vedenje samodejno sledi oznaki strnitve stranske vrstice .wk-shell-sidebar.is-collapsed.

Relevantno, ko se stranska vrstica zmanjša na strnjeno širino ikon.

Pri strnjeni stranski vrstici CSS skrije besedilo, značke in naslove skupin — viden ostane le icon; label ostane kot orodni namig title in aria-label na povezavi (vedno nastavljen, glej osnove → izris). Naslovi skupin v strnjenem stanju povsem izginejo (ni prostora za tekoče besedilo pri širini 36–48 px) — skupine ostanejo prepoznavne le kot vizualni razmik med bloki ikon.

Brez dodatnih $opts — vedenje samodejno sledi stanju strnitve stranske vrstice (glej FluentUI: skrbniško območje podrobno).

Glej osnove — strnitev ne potrebuje dodatnega parametra.

• icon je v strnjenem stanju dejansko obvezna — vnos brez icon tam nima vidne površine (povezava ostane dosegljiva prek Tab in poimenovana prek aria-label, a vizualno prazna). Vnosom zato vedno dodeliti ikono, kadar je stranska vrstica strnljiva.

Samo orodni namigi title so za bralnike zaslona nezanesljivi — glej Accessibility.

Se ne uporablja.

• predstavitveni pregled — vsaka kategorija
• TreeView: Adaptivity — enako načelo strnitve