Texto oculto do botão Novo Tópico

Olá! Tenho tentado fazer uma alteração de estilo no botão Novo Post, mas não consegui encontrar uma maneira de fazer isso e queria saber se alguém poderia ajudar com ideias sobre como resolver isso.

Esta é a aparência do botão Novo Tópico nas visualizações Desktop e Mobile:

A responsividade oculta o texto New Topic do botão, eu gostaria de preservar este texto na visualização mobile também, como posso conseguir isso?

Além disso, estes são os elementos HTML que aparecem em cada visualização:

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

Qualquer ajuda será muito apreciada!

1 curtida

Não tínhamos uma boa maneira de exibir esse texto no celular, então acabei de adicionar uma: DEV: add create-topic-label value transformer by awesomerobot · Pull Request #32621 · discourse/discourse · GitHub — você verá isso na próxima vez que o Discourse for atualizado.

Essa alteração permitirá que você substitua nosso comportamento padrão em um arquivo inicializador em um tema remoto, ou através do painel de administração na guia JS do editor de código admin/customize/themes:

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

export default apiInitializer((api) => {

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

});

:backhand_index_pointing_up: isso substituirá nosso alternador padrão de celular/desktop pelo rótulo, então ele aparecerá em ambos os lugares:

3 curtidas