Tema Graceful

I would like to start by saying thanks for such a great theme. and Special thanks for giving us the option to add a custom background image that was very important for us.

I am however running into a bit of a bump while trying to properly set up the header for the forums.

a- I am trying to increase the size of the logo top left corner.
b- I am trying to change the header color to match with the logo background as for some reason I am not sure how to get discourse to accept a .png image that will go along any header color. Without discourse changing it to a jpg and adding automatically adding the background.

The image below will show what I have now

I know there were a few mentions above about this and creating a custom component to override the CSS however I am not very familiar with CSS and I am not sure what lines to add where in my custom component I created.

any help with this will be greatly appreciated!

¡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