italia / bootstrap-italia

Bootstrap Italia è un tema basato su Bootstrap 5 conforme alle "Linee guida di design per i siti internet e i servizi digitali della Pubblica Amministrazione"
https://italia.github.io/bootstrap-italia
BSD 3-Clause "New" or "Revised" License
310 stars 163 forks source link

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

Open Fupete opened 11 months ago

Fupete commented 11 months ago

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] commented 9 months ago

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 commented 5 months ago

Up

zetareticoli commented 3 months ago

@bfabio perché hai riaperto questa issue?

bfabio commented 3 months ago

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