Bueno, parece que ese Component aún no se ha actualizado para Glimmer Topic Lists en cualquier caso:
Rara vez uso un teléfono, pero estoy bastante seguro de que esto es parte de esta conversación. Actualicé bastante tarde ayer y los usuarios comenzaron a quejarse. Y tomé tu arreglo hace unos minutos. El tema es el predeterminado de Discourse.
Lo revisé aquí y estoy casi seguro de que el último avatar tampoco se usó aquí.
Simplemente no se ve bien. Pero no es solo tu problema, ambos componentes similares ahora muestran tanto el avatar como la miniatura. Claro, sé cómo ocultar los avatares, así que es una solución fácil.
Honestamente, no sé si aquí no hay nada más que (mi) cuestión de gustos. Pero algo ha cambiado, de lo contrario mis usuarios no empezarían a preguntar. Estoy un poco temprano ahora, porque aquí arriba son solo las 6 en punto y todavía no he recibido ninguna confirmación de lo que está realmente apagado.
Esto no es intencional y, en mi opinión, se ve terrible, pero no puedo reproducirlo.
Según mi captura de pantalla, esto no está sucediendo en mis instancias.
Asegúrate de que no haya otros componentes activos que influyan en la presentación de la lista de temas. Ahora es una API y otros componentes pueden interferir si están activos. Luego, comprueba si persiste. Luego, comparte tu configuración si lo hace.
Y, por cierto, este componente temático nunca fue diseñado para ser compatible con ningún otro componente que influya en la lista de temas, así que siéntete libre de experimentar con combinaciones, pero no hay garantía.
Por supuesto que olvidé decir esto, pero lo probé de inmediato como el único componente. Como confío en que estás en la última versión de Discourse, tengo que preguntar, ¿crees que hay alguna posibilidad de que provenga de algún plugin?
Podría ser un caso límite que he pasado por alto. ¿Puedes compartir el HTML de un elemento de la lista de temas (toda la fila)?
O mándame por privado el enlace web
¿Esto es mucho?
fragmento html
<tr data-creator-name="Jagster" id="ember42" class="topic-list-item category-chattifoorumi tag-meemit has-excerpt visited ember-view">
<div class="hidden">
<div class="hidden">
<td class="topic-list-data">
<div class="pull-left">
<a href="/t/meemit-ja-muut-tuplavitsit/1263/549" aria-label="Perfil del usuario Jagster, último escritor" data-user-card="Jagster">
<img alt width="48" height="48" src="/user_avatar/foorumi.katiska.eu/jagster/96/6057_2.png" class="avatar" title="Jagster">
</a>
</div>
<div class="topic-item-metadata right">
<span id="_render_glimmer_25" class="hbr-ember-outlet">
<div class="topic-thumbnail">
<a>
<img class="thumbnail non-tiles-thumbnail" src="https://cdnfoorumi.katiska.eu/optimized/2X/b/b5fdeed33ad48a86cc12ecb1fb0acfc55f62247c_2_536x800.jpeg" loading="lazy">
</a>
</div>
</span>
<div class="main-link">
Oh dios mío… eso se ve mal. Difícil de leer.
Bueno, la URL es pública de todos modos y no creo que un foro finlandés completo despierte ningún interés, y en caso de que alguien vea un enlace como spam, editarlo después es fácil.
https://foorumi.katiska.eu (no despertemos sistemas automáticos) y desplázate algunas líneas. Lo encontrarás. Y si quieres una vista más limpia, el tema test es una buena opción.
Perfecto.
La línea con el problema es esta:
<tr> data-creator-name="Jagster" id="ember42" class="topic-list-item category-chattifoorumi tag-meemit has-excerpt liked visited ember-view">
esa clase debería contener has-thumbnail para que el CSS oculte el avatar…
déjame comprobar de nuevo que esta asignación esté funcionando en la última versión de Discourse.
Básicamente hace lo mismo, pero más corto y condicionalmente, ¿qué usé para móviles?
.topic-list td div.pull-left a {
display: none;
}
.topic-list td div.right {
margin-left: 0px;
}
Sí:
Aún no puedo reproducir tu problema en el último commit, ni en el último en casa ni en una categoría. ![]()
Asegúrate de que la configuración de la Lista de Temas de Glimmer esté Habilitada, ¿no Automática?
Está en automático
Lo cambiaré.
editar
Oh, vaya, era eso.
Entonces, automático, que incluye habilitado, no es lo mismo que habilitado. ¿Hay algún mecanismo que necesite decirle explícitamente a Glimmer que está bien, a menos que recurra al sistema antiguo?
Esa es información muy útil.
¡Y sorprendente! Al menos mis instrucciones de configuración fueron correctas ![]()
Consultaré con David.
Por ahora, está esto:
Creo que piensa que algo no es compatible, por lo que recurre al sistema antiguo.
Sí, exactamente. “Auto” será lo mismo que “habilitado” si todos tus temas y plugins instalados son compatibles con las actualizaciones.
Si no son compatibles, entonces actuará como “deshabilitado” y se imprimirá un mensaje en la consola del navegador explicando qué tema/plugin necesita ser actualizado.
Para nuestros temas/plugins oficiales, los hemos hecho compatibles simultáneamente con las implementaciones de listas de temas antiguas y nuevas, para que las personas puedan actualizar otros temas y plugins uno por uno sin tener que preocuparse por la configuración del sitio. El cambio de implementación ocurrirá automáticamente una vez que el último tema/plugin esté listo.
Sin embargo, garantizar la retrocompatibilidad es mucho trabajo, especialmente en casos complejos. Así que puedo entender por qué se ha omitido para las previsualizaciones de listas de temas ![]()
Una cosa que podrías hacer aquí @robert es añadir un error claro para la gente? Algo como
import { withSilencedDeprecations } from "discourse/lib/deprecated";
...
withSilencedDeprecations("discourse.hbr-topic-list-overrides", () => {
api.modifyClass("component:topic-list", {
init(){
alert("topic-list-previews no se puede ejecutar junto con otros temas/plugins que no son compatibles con la lista de temas de glimmer. Ver https://meta.discourse.org/t/209973/521 para más detalles");
return this._super(...arguments);
}
});
});
Eso modificará la antigua lista de temas para que muestre un error si se renderiza mientras topic-list-previews se está ejecutando.
Extremadamente útil, gracias, lo añadiré.
Sí, tengo que ser racional sobre cuánto tiempo dedico
así que se eliminó la compatibilidad con versiones anteriores.
Sin embargo, la actualización está fijada, así que es un punto intermedio.
Gracias David, usé este en uno de los componentes de mi tema. Pero antes, cuando encontré esto en el repositorio de plugins resueltos, también usé site.useGlimmerTopicList, que parece que también funcionó. ¿Es esa también una buena opción? Lo usé en inicializadores y en la plantilla.
[cita=“Don, post:547, topic:209973”]
También usé site.useGlimmerTopicList, lo cual parece haber funcionado también. ¿Es esa también una buena opción?
[/cita]
Por ahora está bien, pero será eliminado (es decir, llegará a ser undefined) una vez que la lista de temas de glimmer sea la única opción. Así que asegúrate de usarlo así
if(!site.useGlimmerTopicList){
// hacer cosas antiguas
}
y no así
if(site.useGlimmerTopicList){
// hacer cosas nuevas
}
por cierto, añadido:
muy apreciado.
@Jagster si tienes tiempo, ¿podrías actualizar, establecer en Automático y comprobar si aparece esto?
por cierto, @david para tu información, ¿también se necesita supresión de eslint, creo? (y pluginId)
