Скрытый текст кнопки «Новая тема»

[Juan_Manuel_Barreto]

Привет! Я пытаюсь изменить стиль кнопки «Новый пост», но не могу найти способ сделать это и хотел бы узнать, не сможет ли кто-нибудь помочь с идеями по решению этой проблемы.

Вот как выглядит кнопка «Новая тема» в представлениях для настольных компьютеров и мобильных устройств:

Адаптивность скрывает текст «Новая тема» на кнопке. Я хотел бы сохранить этот текст и в мобильном представлении. Как я могу этого добиться?

Кроме того, вот HTML-элементы, которые отображаются в каждом представлении:

ЭЛЕМЕНТ В МОБИЛЬНОЙ ВЕРСИИ:

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

ЭЛЕМЕНТ В ВЕРСИИ ДЛЯ НАСТОЛЬНЫХ КОМПЬЮТЕРОВ:

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

Любая помощь будет очень кстати!

[awesomerobot (Kris)]

У нас на самом деле не было хорошего способа вернуть этот текст на мобильные устройства, поэтому я просто добавил его: DEV: add create-topic-label value transformer by awesomerobot · Pull Request #32621 · discourse/discourse · GitHub — вы получите это при следующем обновлении Discourse.

Это изменение позволит вам переопределить наше поведение по умолчанию в файле инициализатора в удалённой теме или через панель администратора во вкладке JS редактора кода в разделе админ/настройка/темы:

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

export default apiInitializer((api) => {

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

});

это переопределит наше переключение по умолчанию между мобильной и настольной версиями с помощью метки, поэтому она будет отображаться в обоих местах: