Text für den versteckten 'Neues Thema' Button

[Juan_Manuel_Barreto]

Hallo! Ich habe versucht, eine Stiländerung am Button “New Post” vorzunehmen, konnte aber keine Möglichkeit finden, dies zu tun, und wollte wissen, ob mir jemand Ideen zur Lösung dieses Problems geben kann.

So sieht der Button “New Topic” in der Desktop- und Mobile-Ansicht aus:

Die Responsivität blendet den Text “New Topic” vom Button aus. Ich möchte diesen Text auch in der mobilen Ansicht beibehalten. Wie kann ich das erreichen?

Zusätzlich sind hier die HTML-Elemente, die in jeder Ansicht erscheinen:

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

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

Jede Hilfe wird sehr geschätzt!

[awesomerobot (Kris)]

Wir hatten keine gute Möglichkeit, diesen Text auf Mobilgeräten abzurufen, daher habe ich gerade eine hinzugefügt: DEV: add create-topic-label value transformer by awesomerobot · Pull Request #32621 · discourse/discourse · GitHub — Sie erhalten dies beim nächsten Update von Discourse.

Diese Änderung ermöglicht es Ihnen, unser Standardverhalten in einer Initialisierungsdatei in einem Remote-Theme oder über das Admin-Panel im JS-Tab des Code-Editors von admin/customize/themes zu überschreiben:

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

export default apiInitializer((api) => {

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

});

Dies überschreibt unseren Standard-Umschalter für Mobilgeräte/Desktops mit dem Label, sodass es an beiden Stellen angezeigt wird: