ユーザーメニュー請求ボタンのマイナーUIの不一致

,

image

スクリーンショットからわかるように、「Billing」以外のすべてのボタンには単語がなくSVGアイコンのみが含まれていますが、「Billing」には単語が含まれており、視覚的な不一致が生じています。

単語を削除する方が良いでしょうか?アイコンだけで十分だと思います。

これを削除するためのPRはこちらです。

「いいね!」 1

素晴らしい指摘、ありがとうございます @small-lovely-cat!UI 上でアイコンと文字が一つだけ表示されるのは、確かに不格好に見えますね。

私の確認したところでは、これはビューポートが狭くなった際に、これらのテキスト要素が表示されないようにスタイルを適用しているために発生している可能性が高いです。

あなたがプルリクエストで更新した Billing コンポーネントでは、国際化されたテキストを囲む span 要素が欠けています。これを追加すれば、このケースは十分に対応できるはずです。もしテキストを完全に削除してしまうと、他のすべてのアイコンには広いビューポートで対応するテキストがあるのに、このアイコンだけテキストがなくなるという問題が発生してしまいます。

「いいね!」 4

承知いたしました。迅速なご返信ありがとうございます〜
修正済みのPR版はこちらで、古い方はクローズしました(GitHubがマージさせてくれませんでした>﹏<)。

「いいね!」 3

@small-lovely-cat さん、ありがとうございました。PRを承認し、マージしました :slight_smile:

「いいね!」 3

このトピックは18時間後に自動的に閉じられました。返信はもう受け付けられません。