Por favor, dime qué cambiar en los archivos para cambiar la ubicación de las etiquetas.
Creo que el título debería ir primero.
Antes:
Después:
Por favor, dime qué cambiar en los archivos para cambiar la ubicación de las etiquetas.
Creo que el título debería ir primero.
Antes:
Después:
Muchas gracias por este maravilloso TC. La apariencia es realmente moderna, sencilla y elegante.
Una pregunta y una solicitud:
¿Puede la visualización de los resultados de búsqueda tener también la misma apariencia? Sería muy agradable si la visualización de los resultados de búsqueda fuera la misma que la visualización de TC, considerando que nuestros usuarios utilizan mucho la función de búsqueda.
Una vez más, muchas gracias por este trabajo.
Sería genial, pero desafortunadamente es un área completamente diferente de la aplicación. Así que no es posible aplicarlo allí también. Básicamente sería un componente completamente nuevo para lograr eso.
@chapoi ¿Cómo puedo reducir el tamaño de la imagen y el área del sujeto?
las tarjetas de tema son demasiado grandes
Es un componente temático realmente genial, ¿puedo sugerir algunas mejoras, como agregar una página de configuración para editar lo siguiente:
Solo quiero compartir en caso de que a alguien más le resulte útil:
Para mí, tuve el mismo problema con la altura máxima de la tarjeta de tema que no era lo suficientemente grande si había una miniatura, al instalar esto como un componente de tema en el tema Minima.
Este es el CSS relevante que usé para solucionarlo:
// Aumentar la altura máxima para las tarjetas de tema con miniatura
.topic-card:has(.topic-card__thumbnail) {
max-height: 275px;
}
(La altura predeterminada parecía ser de 210 px cuando la verifiqué en el inspector)
Sin embargo, puede que necesite ajustes; no lo he verificado en anchos de dispositivos móviles.
Me preguntaba si esto podría configurarse para elegir qué categorías usan la tarjeta de tema. Sería genial si esto se usara en Theme, ya que las miniaturas de temas no son tan amigables en dispositivos móviles.
Componente muy agradable.
Sí, esto es a lo que me refería con lo que dije antes: dependiendo de otros parámetros, 210px podría ser demasiado pequeño, o 275px podría ser demasiado grande. Es difícil tener una solución única para todos.
Podría añadir algunas configuraciones más (como elegir por categoría como solicitó @Heliosurge), incluyendo quizás una configuración de tamaño máximo para que cada foro pueda jugar con ella.
Me preguntaba cómo se ve este componente temático en Air Theme, también combinando temas con y sin imágenes. Parece prometedor pero aún no está listo. Quizás solo CSS pueda solucionar los problemas o quizás se necesite un trabajo más profundo.
¡Se ve bien en el móvil!
Lo desinstalaré por ahora, pero estaré atento a este tema porque se ve muy bien como está previsto.
Y sí, sería una buena adición tomar la imagen de la categoría cuando el tema no tiene una imagen propia.
¿Qué se necesitaría para que el componente Topic Cards muestre no solo los
de un tema (como ya lo hace ahora), sino también las vistas y los comentarios, como lo hace el oficial Topic List Thumbnails en modo blog?
Topic List Thumbnails
Topic Cards
Además, creo que el uso de la fecha de la última actividad en Topic List Thumbnails (“1d” arriba) es mejor que la fecha de “Publicado” de Topic Card. La fecha de actividad es coherente con la predeterminada de Discourse y proporciona más información a los usuarios. Además, la implementación del diseño encaja muy bien junto a las vistas, los “me gusta” y las publicaciones.
En caso de que te interese, aquí tienes algunas reflexiones adicionales después de muchas horas probando combinaciones entre el tema Predeterminado, Air Theme, Topic Cards y Topic List Thumbnails, además de bastante retoques de CSS.
Me estoy decidiendo por Topic Cards + tema Predeterminado, con un toque de Modern Category + Group Boxes que aporta tarjetas para las categorías y encaja con las tarjetas de temas.
Razones:
Ok, tal vez esta pregunta sea más simple: ![]()
Actualmente, los temas sugeridos al final de cualquier página también muestran los temas como tarjetas. Si bien me encantan las tarjetas en las páginas principales, creo que son exageradas al final de todas las páginas y distraen del contenido o la discusión real de la página.
¿Hay alguna forma de mostrar una lista simple de temas sugeridos (lo más parecida posible al tema predeterminado) sin afectar las tarjetas de temas en las páginas principales?
Por ahora no, pero es una buena pregunta en mi opinión, así que siempre puedes intentar hacer una solicitud de funciones y tal vez así la consideren.
Ok, gracias. Hecho, también para mi otra solicitud anterior:
Y por cierto, ayer probé esto, porque me encontré con el mismo problema de que el contenido se salía de las tarjetas:
¿No estropeó esto la vista móvil? Acabo de probarlo y en mi caso la estropea.
Le echaré un vistazo. Como mínimo, añadiré una configuración para la altura, para facilitar los ajustes. Pondré un recordatorio para no olvidarme.
Algunas observaciones que pueden ayudar a limitar la altura de las tarjetas de temas. No lo he probado a fondo, pero parece que…
Por si acaso la explicación sobre las etiquetas no está clara. Aquí puedes ver cómo comienzan en una nueva línea en lugar de comenzar junto a la categoría como lo hacen por defecto:
Me preguntaba si es técnicamente posible forzar un límite de 1 línea para las etiquetas, al igual que existe un límite de 2 líneas para el título y de 3 líneas para la descripción.
La mayoría de las instancias de Discourse usarán de 0 a 5 etiquetas y una línea es más que suficiente para ellas. Algunas (como la nuestra) pueden usar etiquetas de forma extensiva, pero no necesitamos verlas todas en las tarjetas de temas. Simplemente ver las primeras es suficiente para dar una idea.
Agregar restricciones al número de líneas haría que las tarjetas de temas fueran más confiables con diferentes tamaños y relaciones de aspecto de imagen:
Para tu información, abordaremos esto en Add icons for Views and Replies, and Last Activity date in Topic Cards.
Ah, sí, olvidé comentar aquí mi actualización al respecto: tuve que añadir ese código solo a desktop.scss en lugar de a common.scss
No puedo editar mi comentario original, pero lo actualicé en mi componente de tema: Minima Adjustments for Topic Cards