Mesma barra de navegação no desktop/mobile

Suporte
1

Continuando a discussão de Usar a barra de navegação do desktop no celular?:

Não gostamos disso (ruim):

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

Gostamos de consistência e não estamos usando todos os seletores na barra de navegação do desktop (bom):

navigation-bar

Portanto, reutilizar esta barra de navegação no celular é aceitável para nós, a fim de exibir os mais recentes, categorias e os melhores.

Isso é possível sem alterações que quebrem a compatibilidade?

A IA me indicou aqui, pois houve mudanças no core em 2024, e fazer essa alteração não é tão fácil quanto antes.

1 curtida
2

Olá :wave:

Eu tenho este componente de tema: Floating Navigation Controls and Desktop Navigation Bar for Mobile, e houve algumas solicitações para fazê-lo funcionar novamente, pois está atualmente quebrado.
Anteriormente, o componente costumava sobrescrever o template, mas esse método não funciona mais.

No entanto, eu não tinha notado isso no código principal até agora :sweat_smile:

Se tudo funcionar, na verdade é mais fácil de implementar agora com o transformador de valor do que antes.

Adicione isto a uma seção JS de componente de tema no admin:

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

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

Espero que funcione :slight_smile:

3 curtidas
3

isso funciona :slight_smile:

IMG_3851
IMG_38511290×430 99.9 KB

obrigado Don!

3 curtidas
4

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