Controllare uso `z-index`. Rendere coerente con stack dichiarato nella documentazione, usare le variabili.

[Fupete]

Dobbiamo semplificare e rendere più coerente la sovrapposizione dei diversi componenti. Vedi sito Designers Italia con presenza contemporenea di header stikcky, elementi sticky in pagina a livello contenuti (sidebar Design system), pulsante Back to top.

Idealmente dovremmo usare come scrive @bfabio nel commento sotto solo le variabili già documentate https://italia.github.io/bootstrap-italia/docs/organizzare-gli-spazi/introduzione/#z-index no?

Attualmente ci sono diversi "numeri magici" in giro nel codice: https://github.com/search?q=repo%3Aitalia%2Fbootstrap-italia+z-index%3A+&type=code

Controllare comportamento responsive, vedi esempio su Designers Italia della sidebar design system che su desktop è corretto sia sticky sotto l'header fixed... ma su mobile quando si apre come modale deve essere sopra... forse va ripensato lo stack?

E documentare come leggere queste variabili quando importi BSI?

See: @bfabio in https://github.com/italia/designers.italia.it/issues/1042#issuecomment-1790854976_

FYI @astagi

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[ambr89]

Up

[zetareticoli]

@bfabio perché hai riaperto questa issue?

[bfabio]

@zetareticoli è stata collegata e chiusa probabilmente per sbaglio da #1118 che corregge #1009, ma non questa issue.