Lo siento, no leí tu comentario completamente. Estaba pensando en el problema de desplazamiento lateral que también tengo.
No he hecho nada especial con él. ¿Cuál es tu problema?
Cuando toco un elemento en el menú, este se mantiene abierto y la página se actualiza. El menú desaparece solo cuando sales de él. Este comportamiento es más evidente en dispositivos móviles, ya que la pantalla es pequeña y no puedes ver el contenido de la página porque el menú no se cierra automáticamente.
¿Estás utilizando la versión más reciente de los submenús?
La versión anterior de los submenús no parece tener este problema, pero no es tan pulida como la nueva. Si quieres eliminar el error por el cual el menú no se cierra automáticamente después de hacer clic en un submenú, utiliza este antiguo fork en GitHub.
Este componente es fantástico y, con un poco de ajuste de CSS, estoy muy satisfecho con el resultado. ¡Gracias por crearlo!
El único gran problema que tengo es lo difícil que es insertar un nuevo elemento en los menús una vez configurados.
Vi que había una solicitud de extracción (pull request) para reemplazar todos los campos de texto individuales por uno solo grande, lo cual creo que tendría mucho más sentido.
Otra alternativa sería permitir importar/exportar la configuración. (¿Quizás esto requiera trabajo en el lado de Discourse y no en el componente del tema? No estoy seguro). Si pudiéramos hacerlo, podríamos realizar los cambios en un editor de texto y cargarlos, lo cual sería perfecto. También facilitaría hacer copias de seguridad.
(Pensé que quizás el botón Exportar en la parte inferior de la interfaz de configuración del componente podría hacer esto, pero parece que solo guarda el código fuente del componente y la configuración predeterminada, no la mía propia.)
Aparte de eso, es excelente y nos ha permitido agregar muchos enlaces más comúnmente necesarios en la parte superior de nuestro foro para ayudar tanto a nuestros usuarios como a nosotros mismos a encontrar cosas rápidamente.
Este fork de un desarrollador de la comunidad cuenta con un área de texto grande para agregar elementos de menú y submenú. Es una versión antigua, pero aún nos proporciona lo que necesitamos.
El fork de @Canapin es el resultado de [PAID] Header Submenus UI modification. También consideramos que hace lo que necesitamos.
Pero definitivamente no intentes editar el texto de los submenús en el cuadro. Mantenemos el menú en un archivo CSV y utilizamos este procedimiento, que se publica en un tema de instrucciones para el personal:
- Abre el archivo CSV en una aplicación de hoja de cálculo.
- Edita los datos. Generalmente, solo necesitas seguir el patrón.
- Guarda el archivo CSV.
- Abre el archivo CSV en un editor de texto.
- Copia desde el editor de texto y pégalo en el cuadro de elementos de submenú.
- Sube el archivo CSV con tus cambios a este tema para mantenerlo sincronizado.
También vale la pena mencionar que puedes usar algunas etiquetas HTML y espacios en el CSV para proporcionar más organización y sub-submenús, lo que ayuda a incluir mucha información en un teléfono:
Esto (menús desplegables) se puede hacer con HTML / CSS sencillo, sin nada que ver con Discourse. Puedes presionar F12 y examinar cómo lo hicieron tú mismo, a través de las herramientas del navegador.
Después de leer un par de publicaciones, pensé que la única forma de agregar enlaces específicamente al .d-header era mediante un componente similar a este, pero que este crea un encabezado adicional encima.
Después de publicar aquí, se me ocurrió que un componente similar a Custom Header Links podría hacer el trabajo si se ajusta como se sugiere en mi publicación.
Después de actualizar a la última versión, el submenú del encabezado “Modo fijo” (“Forzar que el menú sea visible en la parte superior independientemente del desplazamiento - Solo escritorio”) no funciona correctamente. En la página principal, agrega mucho espacio en blanco, y en otras páginas, el submenú del encabezado cubre el menú principal de Discourse. Estoy seguro de que está relacionado con:
pero no veo que el CSS de este componente del tema esté estableciendo la posición absoluta en d.header. ¿Alguna idea?
¿Qué navegador estás usando? ¿Puedes compartir una captura de pantalla del problema?
Esto es lo que veo en la última versión de Discourse con el “Modo fijo” activado cuando estoy desplazado hacia abajo en la lista de temas:
Ocurre lo mismo con Chrome o Firefox en escritorio. En móvil funciona bien.
Página principal sin “Modo fijo” (normal):
Página principal con “Modo fijo” tiene espacio en blanco extra:
Desplazado hacia abajo en el tema sin “Modo fijo” (normal):
Desplazado hacia abajo en el tema con “Modo fijo”. El logotipo, el título del tema y el menú hamburguesa están cubiertos por el menú:
¿Tienes otro CSS personalizado? Es posible que haya algún relleno o margen en .docked .d-header o #main-outlet que esté entrando en conflicto con las actualizaciones de Discourse…
¿Es posible usar elementos de menú con URL sin desplegable?
Te sugiero Custom Header Links (icons) si no necesitas menús desplegables: hay menos drama y se siente mejor integrado. No sé la respuesta a tu pregunta real, pero supongo que “no”.
Actualmente estoy usando este plugin, pero como no hay suficiente espacio en la sección del encabezado, planeo colocar los menús desplegables en la parte superior. Sin embargo, necesito agregar URLs al menú de nivel superior.
Además, no pude crear un menú desplegable con “Enlaces personalizados del encabezado”. Parece que Zoom lo logró. Revisé su menú desplegable mediante la consola, pero no pude entender cómo interfieren con el HTML de este componente para agregar un menú desplegable a cualquier elemento.
Tengo una solicitud de función: dado que el problema de desplazamiento no se puede resolver, ¿qué tal si se incluye una opción para desactivar el texto en dispositivos móviles, de modo que solo se vean los iconos? No parece haber una manera de seleccionar solo el texto con CSS, o de lo contrario lo ocultaría así. ¡Gracias!
Hola,
Cuando instalo el componente “submenús del encabezado”, este aparece pero se superpone al encabezado actual de mi foro.
La versión de Discourse que tengo es la 2.4.1.
Por favor, si alguien puede guiarme sobre cómo solucionarlo.
Gracias.
¿Has intentado actualizar tu Discourse? Ya está en la versión 2.7.0.beta3.







