F NAV - Schede di Navigazione Mobile

Grazie, Don. Questa è la risposta che stavo cercando. :+1:

Tuttavia, devo verificare nel dettaglio come abilitare questa impostazione.

2 Mi Piace

Puoi trovare “riduci movimento” nelle impostazioni di accessibilità del tuo telefono. Probabilmente è attivato ora, quindi se lo disattivi il clic del menu esterno funzionerà. Ma probabilmente è attivato per una buona ragione ed è più facile chiudere il menu con uno swipe. :slightly_smiling_face:

3 Mi Piace

Mi piace, Don

Ma sembra che ci sia un problema con il tema fkb pro se vuoi nascondere il menu hamburger, come qui e qui:

C’è ancora lo spazio per l’icona dell’hamburger

2 Mi Piace

Ciao :wave:
Grazie per la segnalazione, ho unito una correzione per questo in FKB Pro - Social theme :slightly_smiling_face:

3 Mi Piace

Segnalazione bug: Su 3.4.0beta, l’icona della chat non viene nascosta una volta che si passa alla chat:

Ciao :waving_hand:

È per progettazione. Nascondiamo la barra di navigazione f nelle pagine /chat e utilizziamo l’intestazione di chat predefinita.

Come qui su Meta:

Ok, capito. Allora l’unico modo sarebbe nasconderlo manualmente tramite CSS?

Puoi nasconderlo completamente con CSS.

Mobile/CSS

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon {
      display: none;
    }
  }
}

Nota: Quando sei in un canale, questo è l’unico posto dove puoi vedere le notifiche della chat.

1 Mi Piace

Sarebbe possibile rimuovere l’icona della chat, mantenendo però l’indicatore della nuova bolla del messaggio?

Modifica: Risolto da solo aggiungendo un svg

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon a svg {
      display: none;
    }
  }
}

Ciao @don, posso aggiungere testo come homepage, menu, ecc. sotto le icone?

Ho un problema con i messaggi: non vengono caricati.

1 Mi Piace

Puoi condividere alcuni dettagli di configurazione? Sono su “Tests-passed” e i messaggi funzionano correttamente

Su iPhone in Safari non funziona, nel browser Chrome funziona.

1 Mi Piace

Grazie per i dettagli aggiuntivi. Sono su Android.

1 Mi Piace


Quando si utilizza il tema Horizon, un componente nell’elenco degli argomenti rende l’area superiore (area logo/elementi) vuota durante lo scorrimento.

Purtroppo non riesco a riprodurlo.

Sembra che non sia molto compatibile con le modifiche all’intestazione. Controllerò cosa succede in Horizon.

3 Mi Piace

Oh ok, credo di aver capito cosa sta succedendo. Il list-controls è fisso in Horizon quando scorri verso il basso e F NAV nasconde l’intestazione per impostazione predefinita allo stesso tempo. Quindi questo causa questo spazio che hai condiviso nel tuo screenshot.


Questo piccolo snippet CSS dovrebbe funzionare con il tema Horizon.

Lo fisserà in cima alla pagina quando scorri verso il basso invece dell’altezza dell’intestazione.

Mobile / CSS

body.f-nav-hidden {
  .list-controls {
    top: 0;
  }
}

Per il futuro, potrebbe essere una buona idea aggiungere un’impostazione per gestire l’aspetto dell’intestazione.

4 Mi Piace

Non funziona sull’ultima versione di Discourse.

Puoi chiarirlo?

Va bene, capito. Grazie per il report. Il mixin scrollTop è stato rimosso dal core, e questo ha causato il problema. Ma in realtà non lo usiamo, quindi probabilmente è rimasto lì per errore. L’ho corretto qui: FIX: ScrollTop mixin removed from core · VaperinaDEV/f-nav-for-mobile@6ec554c · GitHub

Si prega di aggiornare il componente.

3 Mi Piace