El color del borde de las cajas de categorías está roto después de la actualización

Hola, no he encontrado a nadie más informando sobre esto, pero he comprobado con varios temas y parece que el color del borde de la caja de categorías CSS en línea está roto después de actualizar a la versión 3.1.0.beta4.

Esto es por qué:
Screenshot 2023-06-07 at 13.03.12

No estoy seguro de por qué inyecta tanto el color como la variable (?)

Agradecería cualquier ayuda o idea.

Creo que @MarcP mencionó algo similar en el tema del componente temático Colorful Categories - #7 by MarcP. ¿Estás usando también ese componente?

2 Me gusta

¡Gracias! No, he intentado usar el tema Material, pero también varios otros por si acaso. Desafortunadamente, el comportamiento fue el mismo. Sucedió justo después de la actualización. Todo lo demás parece estar bien hasta ahora.

Buenos puntos. Ahora que lo pienso, los bordes necesitan tener un color de borde en el núcleo. No está relacionado con el componente, ya que incluso con el componente desactivado, los bordes son todos grises.

1 me gusta

Oops. Leí mal la pregunta @JammyDodger pero no, no tengo este componente instalado.

2 Me gusta

¿Me pregunto si hay una solución ingeniosa para esto? Lo único en lo que puedo pensar es en eliminar algunos de los caracteres en JS.

Esto fue una regresión de Discourse y no tiene nada que ver con temas o plugins, ¡tendremos una solución pronto!

3 Me gusta

¡Gracias! Como referencia futura, supongo que no hay un acceso fácil a los colores de las categorías a través de CSS, ¿es correcto? ¿Quizás a través de JS?

Hemos realizado recientemente algunos cambios para facilitar el acceso a los colores de las categorías en CSS añadiéndolos como propiedades personalizadas (variables css).

Puedes verlos en el inspector de tu navegador:

Así que, siempre que conozcas el ID de la categoría, podrás acceder a su color en CSS. La forma más fácil de encontrar el ID (número) es mirar la URL de la categoría, Support por ejemplo: https://meta.discourse.org/c/support/6 — para usar el color de la categoría de soporte puedes hacer algo como esto:

.your-class-name {
  background: var(--category-6-color);
}

Esta corrección se ha fusionado (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub), por lo que después de actualizar Discourse los colores deberían volver.

2 Me gusta

¡Esto es genial! Gracias por hacer esto. :slight_smile:

1 me gusta

Eso es genial. Aunque supongo que para este problema la única forma de resolverlo sería comprobar el id de la categoría y luego aplicar la variable CSS correcta usando JS.
¿A menos que tengas otra solución alternativa en mente? Estaré encantado de intentar codificar esto y compartirlo aquí.

Esta corrección se ha fusionado (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub), por lo que después de actualizar Discourse los colores deberían volver.

1 me gusta

¡Eso fue rápido!

Mientras tanto, acabo de terminar una solución alternativa :sweat_smile:
Dejo el código a continuación por si acaso.

var categoryBoxes = document.getElementsByClassName('category-box');

for (var i = 0; i < categoryBoxes.length; i++) {
  var categoryBox = categoryBoxes[i];
var dataCategoryId = categoryBox.getAttribute('data-category-id');
categoryBox.style.border = '2px solid var(--category-' + dataCategoryId + '-color)';
}
1 me gusta

Solo para verificar de nuevo →

¿Hay alguna forma de actualizar desde la interfaz de usuario? Creo que mis actualizaciones están en test-passed.
¿O tendría que esperar a la 3.1.0.beta5?

La mayoría de los sitios están en tests-passed por defecto, deberías poder actualizar en cualquier momento desde /admin/upgrade

2 Me gusta

No puedo creer que no supiera esto. LOL

¡Gracias como siempre!

En mi instancia, esto sigue siendo un problema en la versión móvil, la de escritorio está bien :thinking:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.