Texte caché du bouton Nouveau sujet

[Juan_Manuel_Barreto]

Salut ! J’ai essayé de modifier le style du bouton « Nouveau message », mais je n’ai pas trouvé comment faire et je voulais savoir si quelqu’un pouvait m’aider avec des idées pour résoudre ce problème.

Voici à quoi ressemble le bouton « Nouveau sujet » sur les vues bureau et mobile :

La réactivité masque le texte « Nouveau sujet » du bouton. J’aimerais conserver ce texte également dans la vue mobile, comment puis-je y parvenir ?

De plus, voici les éléments HTML qui apparaissent dans chaque vue :

ÉLÉMENT EN 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>

ÉLÉMENT EN BUREAU

<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">Nouveau message<!----</span>
    </button>

Toute aide sera grandement appréciée !

[awesomerobot (Kris)]

Nous n’avions pas vraiment de bon moyen de récupérer ce texte sur mobile, j’en ai donc ajouté un : DEV: add create-topic-label value transformer by awesomerobot · Pull Request #32621 · discourse/discourse · GitHub — vous l’obtiendrez la prochaine fois que Discourse sera mis à jour.

Ce changement vous permettra de remplacer notre comportement par défaut dans un fichier d’initialisation d’un thème distant, ou via le panneau d’administration dans l’onglet JS de l’éditeur de code admin/customize/themes :

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

export default apiInitializer((api) => {

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

});

cela remplacera notre basculement par défaut mobile/desktop par l’étiquette, elle apparaîtra donc aux deux endroits :