モバイルのボタンに「返信」テキストを追加

デスクトップでは、トピックの下に「返信」ボタンがあり、初心者にも非常にシンプルで使いやすいテキストが表示されていますが、モバイルではアイコンだけのボックスになっています。「返信」というテキストを元に戻す方法はありますか? 検査を試しましたが、そのツールはテキストが表示されているため、適切なモバイルバージョンをレンダリングしていないと思われます。

「いいね!」 1

モバイルでは、次を使用してその要素をターゲットにできます。

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

簡単なテストでは、アイコンのマージンをオーバーライドする必要もありました。

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

@pmusaraj さん、ありがとうございます。参考までに、モバイル版をどのように確認できるようにしたのですか?例えばiPhoneを選択して確認すると、デスクトップサイトが縮小されて表示されるのですが。

物理的な電話をMacに接続してSafariを検査しました。

Chromeにmobile_view=1を追加して、アプリにモバイルバージョンを強制的に読み込ませることもできます。または、電話をエミュレートしながらページを更新すると、モバイルビューに切り替わるはずです。

「いいね!」 1

5年以上使っていましたが、知りませんでした。とても効果があります。本当にありがとうございます :slight_smile:

「いいね!」 1