Adicionar o texto "reply" no celular ao botão

No desktop, abaixo de um tópico, há o botão de resposta com texto, que é super simples de usar e amigável para iniciantes, no entanto, no celular, é apenas uma caixa com um ícone. Existe alguma maneira de adicionar o texto “responder” de volta? Tentei inspecionar, mas presumo que essa ferramenta não renderize uma versão móvel adequada, pois o texto está lá.

1 curtida

Você pode direcionar esse elemento no celular usando:

html:not(.anon) #topic-footer-buttons .topic-footer-main-buttons .d-button-label {
  display: block;
}

No meu teste rápido, também precisei sobrescrever a margem do ícone:

html:not(.anon) #topic-footer-buttons .topic-footer-main-buttons .d-icon {
  margin-right: 0.45em;
}

Obrigado @pmusaraj, mas para referência futura, como você conseguiu inspecionar a versão móvel? Quando eu faço isso e escolho um iPhone, por exemplo, ele me mostra o site desktop, mas minimizado.

Inspecionei o Safari do meu telefone físico, conectado ao Mac.

Você também pode adicionar mobile_view=1 no Chrome para forçar o aplicativo a carregar a versão móvel. Ou atualize a página enquanto emula um telefone, ele deve mudar para a visualização móvel.

1 curtida

Tenho usado isso por mais de 5 anos e nunca soube disso, haha, funciona muito bem. Muito obrigado :slight_smile:

1 curtida