Lista de temas (legacy)

Gracias, lo probaré.

2 Me gusta

Jon también verifica /latest.json y los datos que llegan para las miniaturas: comprueba que las URL funcionen, por ejemplo:

2 Me gusta

Hoy he portado las mejoras de las imágenes destacadas desde el TC al Plugin, por lo que ahora puedes obtener imágenes destacadas en móviles y el formato está mucho mejorado.

Esto podría afectar a algún CSS personalizado que hayas desarrollado, lo siento, pero es casi inevitable. Las mejoras merecerán la pena.

Recuerda que puedes establecer el ancho horizontal en cero para que el diseño determine el ancho en función de la relación de aspecto, lo que facilita un aspecto más ordenado. También puedes ocultar los extractos en la configuración si las imágenes o la configuración hacen que todo esté demasiado apretado.

Este sitio está ejecutando actualmente el plugin:

NB: Se ve un poco mejor en Safari gracias a su barra de desplazamiento más elegante :slight_smile:

3 Me gusta

¡Hola! Después de la actualización tengo una barra de desplazamiento horizontal inútil. ¿Cómo podría eliminarla? :slight_smile:

Actualmente he eliminado esa barra de desplazamiento modificando el CSS:

.tlp-featured-topics.has-topics .topics {
    overflow-x: hidden;
}
2 Me gusta

Sí, ese es el enfoque correcto. No veo que haya desbordamiento en absoluto por el momento. Por cierto, esa barra de desplazamiento se ve mucho menos fea en Safari.

Desafortunadamente, ese enfoque te impedirá hacer scroll si las imágenes destacadas se vuelven significativamente más numerosas y se renderizan hacia la derecha.

Así que otro enfoque: ¡publica mucho más contenido destacado!

2 Me gusta

Por cierto, puedes experimentar con el estilo de la barra de desplazamiento. Lamentablemente, esto se complica por el hecho de que no es estándar en todos los navegadores. Por ejemplo:

/* Funciona en Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: grey darkgrey;
}

/* Funciona en Chrome, Edge y Safari */
*::-webkit-scrollbar {
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: darkgrey;
}

*::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 0px;
  border: 0px solid grey;
}

fuente: How to Customize Scrollbars with CSS: Styling Guide with Examples | DigitalOcean

2 Me gusta

¡Gracias! Esa es una gran solución :slight_smile:

2 Me gusta

Hola @merefield, muchas gracias por el plugin; es muy popular en nuestra comunidad. Lo utilizamos en una configuración bastante minimalista, solo para mostrar miniaturas de temas en las listas de temas, nada más en realidad.

Sin embargo, después de unas semanas de uso, tuvimos que desactivarlo, ya que provoca problemas bastante graves al navegar dentro y fuera de los temas. Básicamente, al entrar en un tema, a menudo hay un parpadeo en la disposición y la barra de navegación desaparece por un momento antes de que se renderice el tema. Por otro lado, al volver, ocurre lo mismo y se pierde la posición de desplazamiento en la lista de temas. Además, navegar dentro y fuera de los temas es notablemente más lento que con el plugin desactivado. Aquí tienes un grabación de pantalla de cómo se ve en el móvil (perdona por el enlace de gfycat, la captura de pantalla era demasiado grande para subirla a Discourse).

¿Sabes qué podría causar estos problemas y hay algo que se pueda hacer para evitarlos? No hay errores en la consola ni nada más que dé una pista sobre qué está fallando.
He configurado el nivel de resolución de miniaturas en la lista de temas en la configuración más baja (6), ya que no necesitamos imágenes grandes, así que el tamaño de las imágenes tampoco debería ser un factor. No dudes en decirme si hay alguna otra información que pueda proporcionar para ayudar.

2 Me gusta

Gracias por el informe. ¿Por curiosidad, has probado el TC?

1 me gusta

No, aún no lo he probado. Si crees que podría mejorar las cosas, lo intentaré. ¿Es seguro instalarlo junto con el complemento (desactivado)?

1 me gusta

Probablemente no; tendrías que reinstalarlo.

El comportamiento que describes es extraño. El href de los títulos es casi idéntico al de las miniaturas.

¿Puedes confirmar que hacer clic en las miniaturas no presenta el problema? (en el complemento).

1 me gusta

¡Puedo confirmarlo! Ni siquiera me había dado cuenta hasta ahora de que hacer clic en la miniatura te lleva al primer mensaje del tema. Hacer clic en la miniatura es tan rápido como debería ser.

Gracias, lo probaré entonces, aunque probablemente no llegue a hacerlo esta noche. También acabo de descubrir que existe Componente de tema Miniaturas de lista de temas, me pregunto si sería una mejor opción para nuestro caso de uso debido a su alcance más limitado. :thinking:

Por cierto, ¡gracias por tus respuestas súper rápidas!

2 Me gusta

He probado el TC ahora y, desafortunadamente, muestra el mismo comportamiento.

2 Me gusta

Gracias.

Sí, esto es interesante.

Las URL son correctas, pero Ember parece estar elevando los clics en los títulos a una actualización completa de la página.

Si observas la pestaña de red de tu navegador, verás la diferencia.

Estoy bastante seguro de que esto no solía ocurrir.

El título se genera con el mismo código en el núcleo, por lo que esto es muy desconcertante.

2 Me gusta

Parece que cuando hay imágenes en la parte superior de la publicación, pueden causar problemas de estilo en el «extracto de la lista de temas».
(Ocurrió tanto en el plugin como en TC)

Aquí hay un ejemplo.
Las dos primeras líneas son correctas, pero después de una imagen, el estilo de la tercera y cuarta líneas cambió. (Sucedió en todos los temas que he probado)

Con el inspector, parece que el «extracto de la lista de temas» está intentando incluir el enlace de la imagen dentro del extracto, lo que causa problemas en el estilo.

1 me gusta

“list/topic-excerpt” está en el núcleo, no en el plugin ni en TC, por desgracia.

No lo estoy sobrescribiendo directamente.

Me pregunto si es algo relacionado con jQuery.

Siéntete libre de ayudar con la depuración.

1 me gusta

Gracias por tu rápida respuesta. :smiling_face_with_three_hearts:

También descubrí que algunos enlaces dentro del extracto del mensaje pueden causar que la imagen de la ficha se superponga.

Parece que es causado por un enlace inline-onebox.

No estoy seguro de si está relacionado con el núcleo de Discourse o con el plugin TLP. :thinking:

Quizás desactivaré temporalmente el extracto por ahora.
Muchas gracias :grinning:

2 Me gusta

Lo siento, sí, es posible que sea el CSS. Intenta modificarlo. El TC podría tener un CSS mejorado para eso… no lo recuerdo :slight_smile:

1 me gusta

Muchas gracias. :grinning:

Sí, creo que tienes razón; al usar TC no hay ningún problema.
El problema de superposición solo ocurre después de cambiar al Plugin.\n
Ojalá Chrome pueda solucionar pronto el límite de 1000 líneas en CSS Grid, así podremos reemplazar el Plugin por TC por completo.

1 me gusta

Gracias por confirmarlo. Intentaré mover ese CSS en algún momento. Por ahora, podrías simplemente usarlo para sobrescribirlo en un TC local.

1 me gusta