La misma barra de navegación en escritorio/móvil

Soporte
1

Continuando la discusión de ¿Usar la barra de navegación de escritorio en dispositivos móviles?:

No nos gusta esto (malo):

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

Nos gusta la consistencia, y no estamos usando todos los selectores en la barra de navegación (buena) de escritorio:

navigation-bar

Por lo tanto, reutilizar esta barra de navegación en dispositivos móviles está bien para nosotros, para mostrar lo último, las categorías y lo más popular.

¿Es eso posible sin cambios que rompan la compatibilidad?

La IA me señaló aquí, porque hubo cambios en el núcleo en 2024, y hacer este cambio no es tan fácil como antes.

1 me gusta
2

Hola :wave:

Tengo este componente de tema: Floating Navigation Controls and Desktop Navigation Bar for Mobile, y ha habido algunas solicitudes para que vuelva a funcionar, ya que actualmente está roto.
Anteriormente, el componente solía sobrescribir la plantilla, pero ese método ya no funciona.

Sin embargo, no me había dado cuenta de esto en el código principal hasta ahora :sweat_smile:

Si todo funciona, en realidad es más fácil de implementar ahora con el transformador de valores que antes.

Agrega esto a una sección de JS del componente de tema en administración:

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 Me gusta
3

esto funciona :slight_smile:

IMG_3851
IMG_38511290×430 99.9 KB

¡gracias Don!

3 Me gusta
4

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