Stessa barra di navigazione su desktop/mobile

Supporto
1

Continuando la discussione da Usare la barra di navigazione desktop su mobile?:

Non ci piace questo (male):

nav-bar-mobile
nav-bar-mobile1070×519 37.9 KB

Ci piace la coerenza e non stiamo utilizzando tutti i selettori della navbar desktop (bene):

navigation-bar

Quindi, riutilizzare questa navbar su mobile va bene per noi, al fine di visualizzare latest, categories e top.

È possibile farlo senza modifiche che causino interruzioni?

L’IA mi ha indirizzato qui, perché ci sono state modifiche al core nel 2024 e apportare questa modifica non è facile come prima.

1 Mi Piace
2

Ciao :wave:

Ho questo componente tema: Floating Navigation Controls and Desktop Navigation Bar for Mobile, e ci sono state alcune richieste per farlo funzionare di nuovo, poiché attualmente è rotto.
In precedenza, il componente sovrascriveva il template, ma quel metodo non funziona più.

Tuttavia, non me ne ero accorto nel codice principale fino ad ora :sweat_smile:

Se tutto funziona, in realtà è più facile da implementare ora con il trasformatore di valori rispetto a prima.

Aggiungi questo a una sezione JS del componente tema nell’admin:

import { apiInitializer } from "discourse/lib/api";

export default apiInitializer((api) => {
  api.registerValueTransformer("navigation-bar-dropdown-mode", ({ value }) => {
    return false;
  });
});

Speriamo funzioni :slight_smile:

3 Mi Piace
3

questo funziona :slight_smile:

IMG_3851
IMG_38511290×430 99.9 KB

grazie Don!

3 Mi Piace
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.