モバイルビューのトピックの進捗状況を固定幅の数字で表示する

ほんのわずかですが、数字の幅が均一でないため、下にスクロールすると左側にある管理メニューボタンが上下に揺れてしまいます(数ピクセル程度ですが、予期せず目に留まることがあります)。

等幅フォントを使用すると、体験が向上するかもしれません。 :slightly_smiling_face:

「いいね!」 5

良い提案ですね!フォントを変更する必要はないと思います。代わりに、数字のコンテナが常にコンテンツより幅広くなるようにすれば、レイアウトをずらすことなく数字が拡張するための「バッファー」スペースができます。

「いいね!」 4

少しパディングとchユニットを試してみましたが、どれも完璧ではありません。等幅フォントのアイデアが最善策だと思いますが、現在のJetBrainsのフォントは少しおかしく見えます。

chユニットを使用することもできますが、例えば4chは9/XXまでしか機能せず、5chは99/XXまでしか機能せず、6chはほとんどすべて(XX/100まで)をカバーしますが、ほとんどの場合、不必要に広くなる可能性がありますか?

とりあえず、6chの最小幅を実装するつもりですが、これでほとんどのトピックが改善されるはずです。

編集:UX: improve progress styling on mobile by chapoi · Pull Request #34886 · discourse/discourse · GitHub

このトピックは5日後に自動的に閉じられました。返信はもう許可されていません。