Link dello slim header su mobile e riorganizzazione menu su mobile

[giuliaghisini]

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

• Ho verificato e non esiste

Versione della libreria

3.x e main

Cosa

i Link aggiuntivi presenti nello SlimHeader,
https://bootstrap-italia-git-3x-dip-trasformazione-digitale.vercel.app/docs/menu-di-navigazione/header/
qui ad esempio i link "Link 1" e "Link 2 (attivo)",
su mobile vengono spostati dentro a un dropdown che si apre cliccando sul nome dell'Ente di Appartenenza.

Per esperienza con diversi siti di comuni e altre tipologie di enti, credo che questo comportamento non abbia molto senso dal punto di vista semantico. Spesso quei link sono link aggiuntivi o scorciatoie (a volte anche a siti esterni) che non centrano nulla con l'Ente di Appartenenza.

Di solito su mobile li abbiamo sempre spostati dentro al menu che si apre con l'hamburger, e posizionate sotto alle voci del menu principale.

Replichiamo questo comportamento?
Modifichiamo gli esempi anche su bsi e design-system?

Perché

incoerenza

Contesto

No response

Altro

No response

[Fupete]

@giuliaghisini FYI italia/dev-kit-italia#30 (comment)

[zetareticoli]

sul principio sono piuttosto d'accordo, se lato sviluppo su Dev Kit pensate sia meglio dovreste procedere con aggiornamento prima qui su BSI, io e @Fupete in questo momento non abbiamo margini di lavoro su questo

[giuliaghisini]

A seguito della riunione intercorsa in data odierna con @zetareticoli @Fupete,
si è deciso di implementare in dev-kit-italia una versione del menu su mobile che funziona in questo modo:

in automatico, su mobile, vengono inserite nel menu laterale che si apre cliccando sull'hamburger, i seguenti elementi in questo ordine:

• logo, brand title e brand text
• menu principale del sito
• menu secondario del sito
• link presente nell'header slim right-zone
• social

Di base la fascia contenente logo, brand title e brand text nel menu avrà come colore di sfondo il colore primario del sito, e sarà possibile modificarlo a "bianco" con un attributo sul web-component che si occupa della gestione del menu su mobile.
Tutte le voci del menu su mobile avranno sempre sfondo bianco e link del colore primario del sito.

Alla luce di queste decisioni, bootstrap-italia e il design-system si devono allineare a tale comportamento, pertanto sarà necessario:

• aggiornare gli esempi html su bsi rimuovendo il dropdown che compare su mobile per mostrare i link dell'header-slim
• aggiornare il codice js che genera il menu mobile per aggiungervi anche gli eventuali link presenti nell'hader slim e i social
• verificare e gestire gli stili dei nuovi elementi nel menu mobile
• rimuovere la classe .theme-dark-mobile perchè non ha piu senso, avendo deciso che il menu su mobile ha sempre sfondo bianco.

@zetareticoli @Fupete vi torna?

[zetareticoli]

Sì, a me torna.