Nav sidebar enhancements

[zetareticoli]

La sidebar della documentazione del Design system è stata leggermente modificata con l'obiettivo di facilitare lo scorrimento delle voci di menu, riducendo lo spazio tra esse. È stato aggiunto poi un divisore tra le voci a scomparsa e i links secondari (Stato risorse e Changelog).

Inoltre, l'indicazione dell'ultima release è stata spostata sotto il nome e logo del DS, cambiando lo stile in quanto lo sfondo scuro lo faceva sembrare un pulsante. Ho aggiunto il link che porta direttamente al changelog. Questo è in genere un design pattern comune ai siti di documentazione.

Versione Attuale

Nella versione attuale il numero versione non è direttamente visibile in quanto finisce in fondo al menu che, essendo sticky, non scrolla insieme alla pagina.

Versione Aggiornata

Nella versione aggiornata, il numero versione è sempre visibile e lo spazio ridotto tra le prime quattro sezioni riduce la necessità di scroll.

[github-actions[bot]]

⚡ Lighthouse report for the home page 🏠

Category	Score
🔴 Performance	45
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	100

See the full report...

Other pages

• /progetto/ 🟠 72 🟢 100 🟢 100 🟢 100
• /norme-e-riferimenti/linee-guida-di-design/ 🟠 68 🟢 100 🟢 100 🟢 100
• /design-system/componenti/ 🟠 77 🟢 100 🟢 100 🟢 100

[zetareticoli]

Test feedback da implementare

[zetareticoli]

@Fupete ho lasciato il numero di versione come elemento a sé perché altrimenti la stringa di testo doveva diventare un tutt'uno con il secondary link "changelog". Mi sembra più corretto tenere i due dati separati:

tag:
  screenReaderText: "Versione corrente: "
  label: v1.0.0-beta.4
  addonClasses: px-4 pb-2 text-secondary bg-transparent text-lowercase

secondaryList:
  - label: Stato delle risorse
    url: "/design-system/fondamenti/versionamento#ComponentStatus"
  - label: Changelog
    url: "/design-system/fondamenti/versionamento#changelog-documentazione"