¿Este problema es causado por la publicación en sí o por un error en un componente del tema?
¡Gracias!
He comprobado y he descubierto que el problema está causado por un enlace de Google Maps en la publicación.
Si el enlace tiene el formato maps.google.com, funciona bien.
¿Se está preparando el componente Topic Cards para Upcoming topic-list changes - how to prepare themes and plugins? Acabo de actualizar Discourse y recibí un aviso para administradores que dice que este componente necesita ser actualizado.
Ya se ha actualizado, así que no deberías ver ninguna advertencia. ¿Puedes comprobar de nuevo que estás ejecutando la última versión oficial de este componente y no una bifurcación?
¡Argh, cierto! Fue mi error. Había olvidado que estamos ejecutando GitHub - communiteq/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.. https://github.com/communiteq/discourse-topic-cards
@RGJ, lamento molestarte, ¿sabes cuál es la diferencia actual entre tu fork y el repositorio principal?
Sí, el repositorio principal se ha mantenido adecuadamente… Me ocuparé de esto a principios de la próxima semana.
La versión móvil, por alguna razón, está rota cuando el componente ‘extracto del tema’ está habilitado y también sin él (tengo dos temas, uno con y otro sin este componente y ambos están rotos) ¯\_(ツ)_/¯ así que este CSS es suficiente.
PD: Pega este código en el archivo SCSS para móvil desde el panel de administración:
.topic-card__excerpt-text {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 100% !important;
word-wrap: break-word !important;
white-space: normal !important;
}
.topic-card__excerpt {
max-width: 100% !important;
overflow: hidden !important;
}
.topic-list-item {
overflow: hidden !important;
max-width: 100% !important;
white-space: normal !important;
}
td {
max-width: 100% !important;
overflow: hidden !important;
white-space: normal !important;
}
¿Cómo se puede aplicar esto a una sola categoría o lista de categorías, como Miniaturas de temas?
Necesitarías agregar la lógica al componente. Si eso no está en la hoja de ruta oficial, entonces solo puedes bifurcarlo.
Sí, esto es algo que definitivamente necesitaríamos también. @jordan-violet ¿hiciste lo que sugirió @manuel…
No tengo los conocimientos técnicos para hacer esto. 
Fuimos en una dirección diferente que nos gustó más. Estamos usando Topic List Thumbnails y luego agregamos nuestro propio CSS para que se viera/comportara de la manera que queríamos. Puedes verlo en acción aquí:
Se ve bien
¡Oye, eso significa mucho viniendo de ti! ¡Gracias!
¿Alguna idea de por qué algunos títulos son negros mientras que otros son azules? He leído los 3 temas.
¡Ja! Respondí mi propia pregunta justo después de publicarla. El negro indica respuestas no leídas. Pero como la burbuja # está justo ahí, probablemente no necesite la indicación de color también.
Si quiero que las tarjetas de tema tengan un color diferente al del resto del fondo, ¿qué CSS debería modificar?
Además, no lo veo mencionado, pero Topic Cards oculta el icono de acciones en lote, ¿podemos mostrarlo?
Tengo que desactivarlo cada vez que necesito aplicar actualizaciones masivas a los temas.
haz clic derecho en el elemento que deseas cambiar y selecciona inspeccionar. Se abrirán las herramientas de desarrollador del navegador y deberías ver el selector CSS.
Gracias, he añadido:
.topic-card.has-max-height {
background: #e6ecf2
}
.topic-card.has-max-height:hover {
background: #ddecf7
}
Y funciona perfectamente con la paleta estándar ‘Shades of Blue’.
Bien, parte 2. ¿Cómo lo edito para que funcione con 2 paletas de colores? Se veía bien hasta que el navegador cambió al modo oscuro.
Respondiendo a mi propia pregunta de nuevo…
Anoche aprendí sobre @media (prefers-color-scheme: light/dark), así que todo bien.
¡¡¡Muchísimas gracias @eisammy!!!
¡He estado teniendo problemas con esto y me he estado tirando de los pelos!
Por alguna razón, no puedo conseguir que ningún enlace externo se convierta en onebox, por lo que el enlace largo en los extractos estiraba el texto fuera del cuadro y arruinaba la interfaz de usuario de mi sitio. ¡Con tu ayuda, está resuelto!
Hay algo que sucede con este componente: si hago clic en el título del tema, se recarga la página incluso después de navegar a la página como se esperaba con Discourse. Por lo tanto, se carga la primera vez y luego la página se recarga nuevamente sin razón aparente. Recientemente me actualicé a la versión actual y probé todas las posibilidades varias veces, y solo después de deshabilitar el componente se detuvo el comportamiento inusual.
Discourse 3.5.0.beta7-dev - https://github.com/discourse/discourse version 773ae006b7d4315c01a37170b1ebad27332d515e
¿Hay alguna posibilidad de que esto esté en camino?