# F NAV - Schede di navigazione mobile

**URL:** <https://meta.discourse.org/t/f-nav-mobile-navigation-tabs/342277>\
**Category:** Theme component\
**Tags:** mobile\
**Created:** [13 Dicembre 2024, 1:12pm UTC](https://meta.discourse.org/t/f-nav-mobile-navigation-tabs/342277 "2024-12-13T13:12:16Z")\
**Posts on this page:** 1\
**Showing post:** 90

<div class="post-metadata">

**Author:** ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)\
**Post date:** [5 Novembre 2026, 6:42pm UTC](https://meta.discourse.org/t/f-nav-mobile-navigation-tabs/342277/90 "2026-11-05T18:42:58Z")

</div>

Ciao @Don, grazie mille ancora per F NAV, è stata la spina dorsale del nostro layout mobile per l’esperienza mobile della nostra community.

L’ho forkata per adattarla ad alcune esigenze nostre, e sarei felice di rimandare indietro alcune di queste modifiche tramite PR, oppure sei libero di prendere il codice così com’è se ritieni che appartenga al componente:

> **[GitHub - criptonautas/f-nav-for-mobile-nautas: F NAV - Mobile Navigation Tabs](https://github.com/criptonautas/f-nav-for-mobile-nautas)**
>
> F NAV - Mobile Navigation Tabs

**1. F NAV su `/chat`, al posto del footer della chat**  
Invece di nascondersi nella chat a pagina intera, la barra rimane visibile e viene nascosto il footer proprio della chat (`.c-footer`). Le sue schede (canali, DM, thread, preferiti, ricerca) sono tutte disponibili anche nella barra laterale della chat.

Per lasciare spazio sotto la chat, la barra imposta la classe `footer-nav-visible` di core su `/chat` (aggiungendola e rimuovendola solo quando necessario, in modo che la barra PWA di core mantenga la sua), con `--footer-nav-height` impostato all’altezza della barra. Il mixin `chat-height` di core sottrae già quel valore. La barra si fa da parte quando la tastiera è aperta.

Ripristina anche il pulsante della barra laterale nell’header sulla chat mobile a pagina intera, che il plugin della chat nasconde, dato che le schede del footer sono presenti nella barra laterale.

**2. Uscire dalla chat, come la scheda del bot IA**  
All’interno della chat, la scheda che l’ha aperta mostra l’icona `shuffle` e torna a `lastKnownAppURL`, proprio come fa la scheda del bot IA dalle sue conversazioni.

Quella scheda può essere la scheda Chat, la Multi Tab o una scheda personalizzata che punta a `/chat`. Il comportamento risiede in `f-nav-item`, perché l’handler del click della scheda stessa prevale sul link interno dell’icona.

**3. Una scheda “compose”**  
Questa è una nuova funzione `compose`, che viene attivata anche da una scheda personalizzata che punta a `/new-topic`:

- All’interno di un argomento in cui l’utente può pubblicare, mostra l’icona `reply` e apre il composer delle risposte (`composer.focusComposer({ topic })`, così le bozze si riaprono come al solito).
- Altrove, apre un nuovo argomento con la categoria attuale preselezionata (`composer.openNewTopic`).

Ogni modifica è piccola e autocontenuta, quindi possono essere integrate separatamente. Fammi sapere quali vorresti come PR e le aprirò contro `main`.

> _ **Una domanda:** il repository non ha ancora una licenza. Considereresti di aggiungerne una, in modo che i fork e i contributi siano chiari?_

Spero che sia utile!

---

_[View the full topic](https://meta.discourse.org/t/f-nav-mobile-navigation-tabs/342277)._