ユーザーのドロップダウンボタンが折り返される

Meta とレビューページで、これらのボタンが折り返されていることに気づきました:

(Linux 上の Chromium)

「いいね!」 3

明日、@awesomerobot が見てくれると良いかもしれませんね?

「いいね!」 2

Windows/MacOSではこれを再現できません…スクロールバーの追加が幅に悪影響を与えているのではないかと疑っています。そのため、ユーザー名の最大幅を少し減らし、パディングを数ピクセル削りました。

「いいね!」 2

調査の結果、原因はこれ(Chromium の設定内)です

ズームレベルに関係なく

「いいね!」 5

おっと、それは助かりますね。もっと良い修正ができそうです。

「いいね!」 6

おっと、これは良い修正ですね!メニュー領域のハードコードされた幅の一部を削除できたので、そこに大量のコンテンツが詰め込まれている状況にもっと柔軟に対応できるようになりました。

フレックスレイアウトではアイコンにスペースを優先しているため、アイコンが折り返すことはなく、必要に応じてユーザー名の切り捨てをより多く行うようになります。その代わり、一般的にユーザー名の切り捨てもより適切に処理されるため、長いユーザー名でも以前よりも切り捨てが少なくなります(デフォルトのフォントサイズでより多くのスペースが利用可能な場合)…

「いいね!」 4

ああ、もっと良くなった!すばらしいね:

:ハグ:

「いいね!」 3

同じように :wrench: メニューも対応してくれますか?

中サイズ:

大サイズ:

「いいね!」 6

これで問題解決するはずです。似たような問題で、そこに硬く設定された幅がありました。これでフォントサイズの変更により適切にスケールするようになりました:

「いいね!」 4