Iconos de categoría

[volanar]

¡Hola! ¿Hay alguna noticia de última hora? Es muy interesante lo que pasó.

[mattdm (Matthew Miller)]

@carson

Esta actualización aún no se ha fusionado, solo existe como una rama separada en el repositorio por el momento. Enviaré una PR pronto la próxima semana para fusionarla sin romper ninguna configuración existente. ¡Gracias por tus amables comentarios!

¿Cuál es el estado de esto? Me encantaría ir más allá de fontawesome.

[carson]

Aún no se ha fusionado, pero eres libre de instalar el repositorio y usar mi rama mientras tanto.

[mattdm (Matthew Miller)]

¡Gracias! Esperaré hasta que el nuevo menú funcione para nuestro sitio y luego lo probaré en staging.

[volanar]

¿Alguien sabe cuándo sucederá esto para no usar este componente en un nuevo proyecto?

FEATURE: Use new experimental plugin API for sidebar

[Moin]

Simplemente usaría el componente. En Moving to a Single Category Style Site Setting hubo preguntas sobre los iconos de categoría y esto no suena a que formarán parte del núcleo hasta el lanzamiento de Discourse 3.2.

@awesomerobot

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

[awesomerobot (Kris)]

Sí, para confirmar, acabo de fusionar una actualización de este componente para hacerlo compatible con Moving to a Single Category Style Site Setting

La actualización estará disponible para sitios en la versión Discourse 3.2.0.beta4-dev o posterior, gracias a Pinning plugin and theme versions for older Discourse installs (.discourse-compatibility)

Dado que esto está fijado a una versión en lugar de a un commit específico… si ya estás en Discourse 3.2.0.beta4-dev y estás experimentando problemas con este componente, es posible que necesites actualizar Discourse de nuevo hoy.

[mattdm (Matthew Miller)]

Nunca tuve la oportunidad de probar tu rama, pero espero volver a esto. ¿Alguna noticia sobre si esto se volverá oficial?

[mattdm (Matthew Miller)]

@carson Pude jugar un poco con esto. Parece básicamente bueno, excepto por:

1. Los iconos en el menú desplegable de selección de categoría no están en color
2. No funciona en el nuevo menú
3. Si habilitas “Usar el logo subido de la categoría como su icono”:
   a. solo afecta al menú desplegable de selección de categoría
   b. no se muestra junto a la categoría en ningún otro lugar
   c. y además, si esto está activado, el menú desplegable de selección de categoría solo muestra estos iconos (incluso si otras categorías tienen iconos diferentes configurados).
4. Los iconos parecen más grandes de lo que eran en el tema anterior. Hacerlos del mismo tamaño sería lo menos disruptivo, pero ¿quizás sería bueno tener una opción para el tamaño?

Además, algunas cosas deseables:

• Una opción para ocultar el icono de bloqueo de categoría, no solo configurarlo a otra cosa^[1]
• Si se usa el logo de la categoría, dar una opción para ocultar el logo grande de la categoría en la página de categorías. Son redundantes.
• Mover la configuración de emoji y fontawesome a la página de categoría, junto a la configuración del logo de la categoría.

---

1. ¡Encuentro que añade mucho ruido visual y no mucho valor porque no te dice cómo está restringida la categoría! ↩︎

[zhang_zhiyuan]

Hola Coin,

Creemos que tenemos el mismo problema que ultrakiller.

Aquí está el archivo que añadimos para subir

Cuando usamos los códigos para reemplazar el ícono de estrella por este ícono de categoría, no funciona

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-liked', 'beer');
    api.replaceIcon('d-unliked', 'fa-beer');
    api.replaceIcon('star', 'category');
</script>

Estamos muy confundidos sobre qué paso nos falta. ¿Puedes averiguarlo? ¡Muchas gracias!

[Arkshine]

Oye, debes seguir esta guía para crear un archivo SVG con el formato correcto:

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …

En tu caso, sería algo como:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="my-icon-id" viewBox="0 0 1024 1024" fill="none">
        <path fill="currentColor" d="M768.487 554.422H553.554v214.926c0 106.838 86.61 193.437 193.442 193.437h21.491c106.832 0 193.432-86.603 193.432-193.437v-21.492c.002-106.83-86.606-193.434-193.432-193.434m-515.842 0c-106.83 0-193.435 86.61-193.435 193.434v21.492c0 106.838 86.606 193.437 193.435 193.437h21.494c106.83 0 193.432-86.603 193.432-193.437V554.422zm21.498-494.346H252.65c-106.835 0-193.44 86.606-193.44 193.442v21.492c0 106.825 86.607 193.431 193.44 193.431h214.926V253.518c.002-106.836-86.604-193.442-193.432-193.442m494.344 0h-21.491c-106.836 0-193.442 86.606-193.442 193.442V468.44h214.933c106.832 0 193.432-86.606 193.432-193.431v-21.492c.002-106.836-86.606-193.442-193.432-193.442m0 0"/>
    </symbol>
</svg>

Asegúrate de:

• Insertar fill="currentColor"
• Subir el SVG con un nombre de variable SCSS icons-sprite.

Resultado:

[zhang_zhiyuan]

Gracias Arkshine. Por favor, déjame intentarlo.

[jordan-violet]

¿Este componente de tema maneja subcategorías con el mismo nombre?

• padre (slug: padre)
  • sub (slug: sub)
• padre2 (slug: padre2)
  • sub (slug: sub)

No parece aplicarse si uso el slug padre-sub o padre2-sub para intentar aplicarles configuraciones.

[Heliosurge (Dan DeMontmorency)]

¿Tus nombres de slug son diferentes de padre a sub? Creo que mientras los nombres de los slugs sean diferentes, debería funcionar.

[jordan-violet]

Compartí los ejemplos de nombres de slug en la publicación anterior.

[Heliosurge (Dan DeMontmorency)]

Ah, ¿y no funcionaba? No he utilizado categorías con nombres similares en este TC, pero recuerdo haber utilizado subcategorías en una ocasión, ya que una de las instancias se ejecutaba utilizando la categoría principal como un simple contenedor para las subcategorías.

[sam (Sam Saffron)]

@lindsey / @tobiaseigen Ahora he añadido una advertencia en la publicación principal

Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji

We have added several new features to Discourse based on popular theme components to make it easier to customize the design of your community. In this topic, we’ll share more about these new core features, how to use them, and provide information about they compare to the theme components that inspired them. Header search The header search feature moves search from the magnifying glass in the top right corner to a more prominent input field in the site header. [Header search] When more heade…

Sin embargo, ahora tenemos bastantes “search landmines” (minas terrestres de búsqueda) en meta, probablemente queramos limpiar algunas de ellas.