Sustituir solo el icono de enlace para compartir

[cogdog (Alan Levine)]

Encuentro confusa esta parte de la interfaz de Discourse. En el editor, el icono de enlace se utiliza para insertar un hipervínculo (bueno, esto tiene sentido, es lo que debería ser y es igual al 99% de las demás interfaces).

Pero al visualizar una publicación, el mismo icono se utiliza para el enlace/compartir en redes sociales.

Cuando realmente creo que tiene más sentido aquí un icono de compartir más familiar

Durante un tiempo utilicé el enfoque de API para cambiar el icono.

  <script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('link', 'external-link-tab');
 </script>

Pero luego esto cambia el icono en el editor, por lo que no tiene sentido usar un icono de compartir para representar la inserción de un hipervínculo. Sería útil si hubiera llamadas de API separadas para referenciar los dos contextos de este botón, para que pudiera sustituirlo por un icono de enlace de compartir pero no por uno de insertar enlace.

??? (mi conocimiento sobre cómo funciona Discourse internamente es mayormente superficial)

[Falco]

@cogdog

Pero entonces esto cambia el icono en el editor, por lo que no tiene sentido usar un icono de compartir para representar la inserción de un hipervínculo. Sería útil si hubiera llamadas API separadas para referenciar los dos contextos de este botón, para que pudiera sustituirlo por un icono de enlace compartido pero no por uno de insertar enlace.

Esto requeriría un cambio en Discourse. Tendríamos que duplicar este icono internamente, manteniendo ambas versiones usando el mismo icono de forma predeterminada, para que los usuarios downstream puedan dirigirse a cada uno individualmente para cambiarlo.

[cogdog (Alan Levine)]

Una vez más, no estoy buscando un icono. Puedo usar cualquier icono que desee en mi sitio.

Lo que quiero es un método en Discourse, como se especifica en cómo sobrescribir un icono mediante la API, para cambiar el icono del botón para compartir una publicación sin modificar el que se usa en el editor para el botón de insertar hipervínculo.

[supermathie (Michael Brown)]

Estamos evaluando la viabilidad de hacer exactamente eso; estamos de acuerdo en que sería útil.

[pmusaraj (Penar Musaraj)]

Sí, tan pronto como el commit de abajo llegue a tests-passed, podrás hacer lo que buscas:

DEV: Allow replacing share icons separately (#14774)

(Puede tardar una hora o más en llegar a tests-passed.)

Así que agregué nuevos IDs para los íconos de compartir en los botones de publicación y tema, para que ahora puedas aislarlos en la llamada replaceIcon de la API, así:

api.replaceIcon('d-post-share', 'share-square');
api.replaceIcon('d-topic-share', 'share-square');

[cogdog (Alan Levine)]

¡Gracias, gracias! Estaba tratando de averiguar por qué los nombres de las clases para el ícono del botón de compartir aquí en Meta eran diferentes de nuestra versión actualizada de Discourse.

[cogdog (Alan Levine)]

Vi el cambio llegar y estar disponible en las actualizaciones, y lo ejecuté en nuestro sitio. Como nota para cualquier otra persona, usar el icono requiere que se agregue mediante admin -> configuraciones -> subconjunto de iconos svg usando fa-share-square.

Funcionó perfectamente. Nuestros iconos de compartir pasaron de:

a

Gracias de nuevo.

[cogdog (Alan Levine)]

¡Ya está hecho! Ver el mensaje anterior

Substitute Link Icon Only For Sharing

Yep, as soon as the commit below hits tests-passed, you can do what you are looking to do: (It might take an hour or so for that to hit tests-passed.) So I added new IDs for the share icons in the post and topic buttons, so you can isolate them now in the API replaceIcon call, like this: api.replaceIcon('d-post-share', 'share-square'); api.replaceIcon('d-topic-share', 'share-square'); [image]

Pude actualizar mi Discourse hace horas y la nueva función ya está disponible.

[anon73664359]

Eso es interesante. Acabo de intentar actualizar mi propia instancia de Discourse y todavía no lo veo.

Disculpa mientras hago algunas comprobaciones de solución de problemas…

[tachibanalolo]

Me encanta mucho este cambio. ¿Qué debo hacer para cambiar el icono?

[ondrej]

<script type="text/discourse-plugin" version="0.8">
        api.replaceIcon('d-post-share', 'share-square');
        api.replaceIcon('d-topic-share', 'share-square');
    </script>

Simplemente agrega esto a tu header al editar un tema.

[cogdog (Alan Levine)]

He descubierto que hay un paso más: debes hacer que este icono de Font Awesome esté disponible como un icono SVG. De lo contrario, el botón quedará en blanco después de realizar los ajustes del tema del encabezado.

@cogdog

El uso del icono requiere que se agregue mediante admin -> configuraciones -> subconjunto de iconos SVG usando fa-share-square

Mis configuraciones se ven así:

[cogdog (Alan Levine)]

La actualización no cambia nada excepto el nombre de la clase para el ícono del botón de compartir, por lo que no verás una diferencia de inmediato. De forma predeterminada, se mantiene el mismo ícono de enlace que antes (link).

Podrás saber que la actualización se ha realizado si inspeccionas el botón en tu navegador y este incluye la clase d-icon-d-post-share (antes de la actualización, la clase era d-icon-link).

Debes editar el encabezado de tu tema como se describe aquí: Substitute Link Icon Only For Sharing - #22 by ondrej