Testo nascosto del pulsante Nuovo argomento

[Juan_Manuel_Barreto]

Ciao! Ho provato a apportare una modifica stilistica al pulsante Nuovo Post, ma non sono riuscito a trovare un modo per farlo e volevo sapere se qualcuno poteva aiutarmi con idee su come risolvere questo problema.

Questo è il modo in cui appare il pulsante Nuovo Argomento nelle viste Desktop e Mobile:

La responsività nasconde il testo New Topic dal pulsante, vorrei preservare anche questo testo nella vista mobile, come potrei ottenerlo?

Inoltre, questi sono gli elementi html che appaiono in ciascuna vista:

ELEMENTO IN MOBILE:

<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 IN DESKTOP

<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>

Qualsiasi aiuto sarà molto apprezzato!

[awesomerobot (Kris)]

Non avevamo un buon modo per recuperare questo testo sui dispositivi mobili, quindi ne ho aggiunto uno: DEV: add create-topic-label value transformer by awesomerobot · Pull Request #32621 · discourse/discourse · GitHub — lo otterrai la prossima volta che Discourse verrà aggiornato.

Questa modifica ti consentirà di sovrascrivere il nostro comportamento predefinito in un file initializer in un tema remoto, o tramite il pannello di amministrazione nella scheda JS dell’editor di codice admin/customize/themes:

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

export default apiInitializer((api) => {

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

});

questo sovrascriverà il nostro interruttore predefinito mobile/desktop con l’etichetta, quindi apparirà in entrambi i posti: