Texto oculto del botón de Nuevo tema

[Juan_Manuel_Barreto]

¡Hola! He estado intentando hacer un cambio de estilo en el botón “New Post”, pero no he podido encontrar una manera de hacerlo y quería saber si alguien podría ayudarme con ideas sobre cómo resolver esto.

Así es como se ve el botón “New Topic” en la vista de escritorio y móvil:

La responsividad oculta el texto New Topic del botón, me gustaría conservar este texto también en la vista móvil, ¿cómo podría lograr esto?

Adicionalmente, estos son los elementos HTML que aparecen en cada vista:

ELEMENTO EN MÓVIL:

<button class="btn no-text btn-icon btn-default" id="create-topic" type="button">
<svg class="fa d-icon d-icon-far-pen-to-square svg-icon svg-string" xmlns="http://www.w3.org/2000/svg">
<use href="#far-pen-to-square"></use>
</svg>      
<span aria-hidden="true">
          
        </span>
    </button>

ELEMENTO EN ESCRITORIO

<button class="btn btn-icon-text btn-default" id="create-topic" type="button">
<svg class="fa d-icon d-icon-far-pen-to-square svg-icon svg-string" xmlns="http://www.w3.org/2000/svg">
<use href="#far-pen-to-square"></use>
</svg>      <span class="d-button-label">New Post</span>
    </button>

¡Cualquier ayuda será muy apreciada!

[awesomerobot (Kris)]

Realmente no teníamos una buena manera de recuperar este texto en dispositivos móviles, así que acabo de agregar una: DEV: add create-topic-label value transformer by awesomerobot · Pull Request #32621 · discourse/discourse · GitHub — obtendrás esto la próxima vez que se actualice Discourse.

Este cambio te permitirá anular nuestro comportamiento predeterminado en un archivo inicializador en un tema remoto, o a través del panel de administración dentro de la pestaña JS del editor de código de admin/customize/themes:

import { apiInitializer } from "discourse/lib/api";

export default apiInitializer((api) => {

  api.registerValueTransformer("create-topic-label", ({ value, context }) => {
    return context.defaultKey;
  });

});

esto anulará nuestro cambio predeterminado de móvil/escritorio con la etiqueta, por lo que aparecerá en ambos lugares: