Tema Graceful

Quisiera comenzar agradeciendo por un tema tan excelente. Y un agradecimiento especial por darnos la opción de agregar una imagen de fondo personalizada, algo que era muy importante para nosotros.

Sin embargo, estoy teniendo un pequeño problema al intentar configurar correctamente el encabezado del foro.

a- Estoy intentando aumentar el tamaño del logotipo en la esquina superior izquierda.
b- Estoy intentando cambiar el color del encabezado para que coincida con el fondo del logotipo, ya que por alguna razón no sé cómo hacer que Discourse acepte una imagen .png que funcione con cualquier color de encabezado, sin que Discourse la convierta automáticamente a JPG y le agregue un fondo.

La imagen de abajo muestra lo que tengo actualmente:

Sé que hubo algunas menciones anteriores sobre esto y sobre la creación de un componente personalizado para anular el CSS; sin embargo, no estoy muy familiarizado con CSS y no sé qué líneas agregar ni dónde en mi componente personalizado.

¡Cualquier ayuda al respecto será muy apreciada!

¡Acabo de hacer una actualización que debería solucionar los problemas de color mencionados recientemente (fondo no coincidente, modo oscuro), gracias a todos por informar de los problemas!

1 me gusta

¿Cómo edito el CSS de este tema?

[image]

1 me gusta

Tengo un problema con el ancho de la página, que se muestra estrecho del lado derecho. Adjunto captura de pantalla como referencia.

¿Alguien más tiene el mismo problema con este tema y tiene alguna idea de cómo podemos solucionarlo?

1 me gusta

Hay un problema con los avatares: se colocan encima de los nombres.

2 Me gusta

También estamos viendo este problema.

3 Me gusta

¡Gracias por informar! Acabo de hacer otra actualización. Échale un vistazo y dime si hay algún problema.

5 Me gusta

@awesomerobot gracias por la actualización, creo que quizás necesites revisar la vista móvil, ¿parece que hay demasiado espacio a ambos lados?

No estoy seguro de que se trate de un cambio o problema de tema, pero recientemente, cuando actualicé Discourse y todos mis complementos, mi página principal con el Componente de tema de miniaturas de lista de temas instalado pasó de 3 columnas a 2 columnas:

Si uso Chrome Inspector y aumento ligeramente el ancho del contenedor principal, lo soluciona. Así que supongo que podría tener que ver con este commit reciente que tiene algunos cambios de ancho:

Por ahora, lo estoy abordando sobrescribiendo el ancho en CSS con main-outlet, pero no estoy seguro de si hay alguna consecuencia imprevista, o si esta es la mejor manera de abordarlo. Por lo tanto, esto no es necesariamente para decir que hay que cambiar algo, sino para mencionar que afectó el diseño de mi sitio en este escenario, y para preguntar si hay algún otro enfoque que deba tomar para obtener el resultado deseado (diseño de mampostería de 3 columnas). Ya he solucionado el problema, así que si eso debería solucionarlo a largo plazo, estaré contento de dejarlo. :slight_smile:

¿Va a admitir la nueva barra lateral que se está integrando en Discourse?

2 Me gusta

Sí, planeamos actualizar todos nuestros temas para admitirlo.

2 Me gusta

Pequeño informe de error: la última versión de este tema parece truncar el título del foro cuando se ve en un dispositivo móvil pequeño como un iPhone, como se puede ver en https://forums.ankiweb.net/

1 me gusta

El chat de pantalla completa parece estar medio roto en el tema Graceful, con la ventana principal y la ventana de chat teniendo una barra de desplazamiento. No he podido recrear este problema con otros temas, por lo que parece ser específico de Graceful.

2 Me gusta

¿Por qué este tema fuerza a que las tarjetas tengan el estilo anterior? (el estilo antiguo antes del nuevo Experimento de Rediseño de Tarjetas de Usuario) Por lo demás, un gran tema.
Imagen:

1 me gusta

Las tarjetas de usuario actualizadas son un componente temático experimental, y parece que simplemente no se agregó a todos los temas aquí en Meta… Lo agregué a ese si tienes curiosidad.

4 Me gusta

iPhone 11, Navegador Safari, hay dos problemas


1 me gusta

Es lo mismo en Android. Los textos de las otras opciones de inicio de sesión son invisibles y la primera columna de la tabla del componente temático está distorsionada.

2 Me gusta

Hola,

Lo acabo de descubrir también en mi foro y lo he solucionado con estilos personalizados:

.btn.btn-social {
    color: var(--d-sidebar-link-color);
}

Esto le da el mismo color que los enlaces de tu barra lateral. Espero que esto ayude.

– Ivan

2 Me gusta

¡Gracias por los informes y las soluciones alternativas de CSS! Acabo de actualizar el tema para abordar esto: UX: fix social login button color, sidebar headings, transparent buttons by awesomerobot · Pull Request #28 · discourse/graceful · GitHub

3 Me gusta

Hola, noté que el color del botón “Eliminar tema” no es lo suficientemente prominente. ¿Podrías arreglarlo?

1 me gusta