Pasando a una configuración de sitio con estilo de una sola categoría

[blake (Blake Erickson)]

Las actualizaciones de Discourse realizadas el 2023-11-13T05:00:00Z o después incluirán este cambio.

En un esfuerzo por unificar la forma en que se estilizan las categorías en la interfaz de usuario, como en la barra lateral o al mencionar una categoría en el chat o en una publicación, estamos eliminando los estilos de categoría no predeterminados de la configuración del sitio category_style y, en última instancia, eliminando esta configuración por completo.

\u003e Para aquellos de ustedes que ya utilizan el estilo de categoría predeterminado (viñeta), no se requiere ninguna acción.

Para aquellos de ustedes que utilizan un estilo de categoría que no sea el predeterminado (viñeta), tenemos un nuevo componente temático que pueden instalar de forma segura de inmediato. Al hacerlo, su sitio continuará utilizando su configuración de estilo de categoría existente incluso cuando finalmente eliminemos esta configuración del núcleo antes del lanzamiento final de 3.2.

Si no está fuertemente apegado a su estilo de categoría no predeterminado, le recomendamos que vuelva al estilo predeterminado (viñeta) para evitar necesitar un componente temático adicional en su sitio. Aquí le mostramos cómo hacerlo:

\u003e No hay nada que instalar para volver al estilo de viñeta predeterminado.
\u003e
\u003e Busque la configuración de administrador category_style y cámbiela a “bullet”, para que se vea así:
\u003e
\u003e

\u003e
\u003e Aquí están los pasos:
\u003e
\u003e 1. Vaya a /admin en su sitio
\u003e 2. Seleccione SETTINGS (CONFIGURACIÓN) en el menú
\u003e 3. Busque “category style” (estilo de categoría)
\u003e 4. Seleccione el menú desplegable “category style” y elija “bullet” (o seleccione RESET para cambiarlo de nuevo al predeterminado, que es bullet)
\u003e
\u003e Una vez que haya hecho lo anterior, verá el estilo de viñeta en todas partes donde se muestren las categorías.

Pronto, habrá una notificación en el panel de administración para todos los sitios que no utilicen el estilo de categoría predeterminado, informándoles que deberán instalar el componente temático Category Badge Styles.

Una vez que tenga instalado el componente temático, seleccione el estilo de categoría existente que desea seguir utilizando. Tenga en cuenta que cualquier selección realizada aquí no tendrá efecto hasta que la configuración del estilo de categoría se elimine del núcleo. Esta medida es para garantizar una transición sin problemas.

[Firepup650 (Firepup Sixfifty)]

¿Cómo afectaría esto a componentes temáticos como este?

Category Icons

This theme component is deprecated and should no longer be used. Its features are now in Discourse Core (see: Bringing popular features to Discourse). For private category icon customization, refer to this topic. Summary Category Icons allows category badge links to have icons next to the category name. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-category-icons …

[manuel (Manuel Kostka)]

La misma pregunta… cuando se usan iconos de categoría, el estilo de la categoría suele establecerse en none, de lo contrario, mostraría tanto el icono como la viñeta ahora mismo:

¿Se fusionará esto en el componente de iconos de categoría o necesitaremos dos componentes (o estilos personalizados) para un estilo simple con iconos?

Otro comentario:

@blake

En un esfuerzo por unificar cómo se estilizan las categorías en la interfaz de usuario, como en la barra lateral

Ahora mismo, los estilos de la barra lateral parecen la insignia de viñeta, pero no son el mismo tipo de elemento, declarado por la misma declaración de estilo. ¿Así que me pregunto si las clases y las declaraciones de estilo también se unificarán?

Por ejemplo, esto se muestra cuando quieres tener viñetas redondas:

Eso se puede hacer con una simple declaración en las insignias de viñeta:

.badge-wrapper.bullet .badge-category-bg {
  border-radius: 10px;
  width: 9px;
}

Mostrar las mismas viñetas redondas de color liso en la barra lateral se vuelve más complicado. (por defecto mezclarán los colores de la categoría padre e hija en una declaración de degradado) Por ejemplo, hice esto recientemente:

.sidebar-section-link-prefix > span {
// mover el color de fondo de una posible categoría padre fuera de la vista
  background-size: 15px 15px !important;
  background-position: right center !important;
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix .prefix-span {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
}

[PrettyGirl]

Entonces, ¿el sitio oficial de Discourse (este, meta.discourse.org) también volverá al estilo de viñetas? (ya que noto que algunas de sus categorías también usan el “estilo de caja”). No entiendo la eliminación de funciones que funcionaban perfectamente. ¿Es demasiado abrumador mantener el código? ¿o simplemente para promocionar/vender los mismos componentes temáticos en el futuro?

[JammyDodger]

La configuración de estilo de categoría es para el estilo de las insignias de categoría, no para la disposición de una página de categoría:

Esta es la versión ‘caja’:

Frente al ‘punto’ predeterminado:

@PrettyGirl

No entiendo la eliminación de funciones que funcionaban perfectamente. ¿Es demasiado abrumador mantener el código? ¿O simplemente para promocionar/vender los mismos componentes de tema en el futuro?

Con la introducción de la #barra lateral y el #autocompletado de hashtags, esos estilos ahora no se traducen tan bien en todos los elementos de la interfaz de usuario, y como la mayoría de los sitios se apegan al predeterminado, tiene sentido crear un componente de tema para aquellos que aún lo desean y eliminar la configuración del núcleo para simplificar las cosas en general.

Como todos nuestros componentes de tema son gratuitos para todos, no buscamos oportunidades para vender nada.

[tobiaseigen]

Si entiendo correctamente a Blake en la primera publicación, aquí no se quitará nada y podrás configurar tu sitio para que se comporte como lo hace actualmente utilizando el nuevo componente temático GitHub - discourse/discourse-category-badge-styles: Adds the box and bar style for Discourse categories. Simplemente instálalo y establece el estilo de categoría en none. Puedes hacerlo de inmediato, aunque aún no tenga ningún efecto mientras exista la configuración del sitio category style.

Así es como se ve la configuración del componente temático:

[Firepup650 (Firepup Sixfifty)]

Eso en realidad me trae una pregunta diferente, ya que las categorías actualmente deshabilitan la selección de color para el estilo de visualización de none, ¿coincidirá el TC con ese comportamiento o aún permitirá la selección de colores? Si permite la selección de colores, entonces la configuración de los colores de la categoría será mucho más fácil.

[Nacho_Caballero]

Acabo de probarlo en mi sitio y vi una diferencia significativa en el estilo para la opción ‘box’.

Así es como se ve sin el componente del tema:

Y con el componente del tema (mayor relleno de .badge-wrapper.box y fuente azul de var(--category-badge-text-color)):

[tobiaseigen]

Lo probé y pude replicarlo.

[TheDarkWizard]

¿Hay alguna intención de eliminar o modificar la configuración del estilo de la página de categoría de escritorio?

[awesomerobot (Kris)]

@Nacho_Caballero

Acabo de probarlo en mi sitio y vi una diferencia de estilo significativa para la opción ‘box’.

Este componente de tema no funcionará correctamente hasta que los cambios que eliminan los estilos alternativos se fusionen en Discourse. Actualmente, nuestro trabajo está en una rama, https://github.com/discourse/discourse/tree/category-bullet-only… y el componente de tema está funcionando con eso. Todavía es un trabajo en progreso.

@Firepup650

¿Cómo afectaría esto a los componentes de tema como este?

El componente de iconos de categoría deberá ser refactorizado, podemos trabajar en eso antes de que ocurra esta actualización.

@manuel

¿Se fusionaría esto en el componente de iconos de categoría o necesitaríamos dos componentes (o estilos personalizados) para un estilo simple con iconos?

Para el estilo de categoría de viñetas predeterminado con iconos, esto debería ser manejado por el componente… pero para los estilos adicionales de caja/barra se requerirán ambos componentes.

@manuel

Entonces, ¿me pregunto si las clases y las declaraciones de estilo también se unificarán?

Esto también es cierto para las menciones como #anuncios — lo examinamos y el resultado fue que es demasiado complicado usar un componente compartido… pero puedo echar otro vistazo a cuán de cerca podemos reflejar el HTML y CSS entre las variaciones.

@PrettyGirl

¿Es demasiado abrumador mantener el código? ¿O simplemente para promocionar/vender los mismos componentes de tema en el futuro?

Hay algunas razones, pero el estilo de viñeta predeterminado es utilizado por la gran mayoría de los sitios que alojamos, y como hemos introducido nuevas características como la barra lateral y las menciones de categoría (como esta: #anuncios), múltiples estilos complican las cosas.

Soportar múltiples variaciones significa que tenemos que acomodar y probar todo 3-4 veces. Esto se vuelve difícil de justificar cuando una característica es puramente visual y solo la usa un pequeño porcentaje de sitios. Mover algo como esto a un componente de tema significa que podemos simplificar Discourse un poco mientras seguimos apoyando a los sitios que usan los estilos alternativos.

Generalmente no vendemos componentes de tema, pero sí construimos componentes personalizados para nuestros clientes empresariales. No hay planes para que esto cambie.

@TheDarkWizard

¿Hay alguna intención de eliminar o tocar la configuración de estilo de página de categoría de escritorio?

No hay planes por el momento, pero esta es una situación similar donde la mayoría de los sitios usan el estilo predeterminado (por un amplio margen). Si hiciéramos esto, probablemente seguiríamos un plan similar y soportaríamos los estilos eliminados a través de un componente de tema.

[ecki (Bernd)]

¿Cómo revertir a la configuración predeterminada para eliminar la advertencia? ¿Establecer el estilo de la insignia de categoría en viñeta?

[tobiaseigen]

@ecki

¿cómo revertir exactamente a los valores predeterminados para eliminar la advertencia? ¿Establecer el estilo de la insignia de categoría en bala?

Sí, eso es correcto. No hay urgencia inmediata para cambiar nada, pero recibirá una advertencia en la página principal de administración hasta que lo haga.

[Jagster (Jakke Lehtonen)]

¿Y ese componente auxiliar comenzará a funcionar en algún momento y ocultará las viñetas? Porque ahora deja las viñetas intactas y también muestra iconos (para mí con iconos de ninguno y de categoría).

[blake (Blake Erickson)]

@Nacho_Caballero

Lo acabo de probar en mi sitio y vi una diferencia de estilo significativa para la opción ‘box’.

Acabamos de publicar una actualización para el componente de tema para solucionar este problema. Por lo tanto, puede actualizar a la última versión y habilitarlo ahora.

Esto le permitirá elegir su estilo de insignia de categoría existente dentro del componente de tema, pero aún no tendrá ningún efecto.

[Firepup650 (Firepup Sixfifty)]

Restablecí nuestro foro a viñetas y el componente de tema a ninguno, y las viñetas todavía se muestran, ¿es eso intencional?

[blake (Blake Erickson)]

Si quieres “ninguno”, deberías establecer ambos en “ninguno” por ahora. De esa manera, cuando se actualice el núcleo (todavía estamos trabajando en una actualización para el núcleo) y esas configuraciones desaparezcan del núcleo, el componente temático sabrá que debes permanecer en “ninguno”. En este momento, la precedencia sigue en la configuración del núcleo, pero pronto estará en lo que hayas seleccionado en el componente temático.

[Nacho_Caballero]

Ahora funciona perfectamente. ¡Gracias por la rápida actualización!

[ecki (Bernd)]

Gracias, las viñetas ayudaron. De hecho, incluso se ve bien, recuerdo que las viñetas eran más pequeñas antes, por eso usé las líneas. (Pero tal vez eso cambió en mi tema, ni idea).

[brianTRC (Brian Lockwood)]

¿Hay algún video del proceso de instalación? Me resulta útil ver el proceso y leer las instrucciones al mismo tiempo. Rara vez hago cambios en nuestro sitio, ya que tengo miedo de cometer cambios importantes por error que no podría solucionar.