`Admin  Badges`ページのレイアウトが更新後に壊れる

皆さん、こんにちは。

Discourse 3.4.0.beta2-dev (cde4db1c6a) にアップデートしたばかりですが、バッジの管理画面のレイアウトが少し壊れていることに気づきました。

通常、バッジのリストは画面の左側に表示され、右側でバッジの管理/追加/編集ができるようになっています。

しかし、現在の表示は以下のようになっています。画面の中央左側に、広くて空っぽの、使用できないスペースがあります。

「いいね!」 1

セーフモードを試していただけますか?再現できません。 :thinking:

「いいね!」 1

SafariとChromeの両方で発生しており、セーフモードでも再現しました。

@Lilly、ありがとうございます。他の場所で変更したことかもしれませんが、この件は無視していただいて大丈夫です :blush:

「いいね!」 1

テストホストサイトに新規デプロイしましたが、バッジ管理は期待どおりに動作しています。セーフモードでそれが起こるのは奇妙です。

ヘッダーのドロップダウンメニューをサイドバーの代わりに使ってみたり、古い管理ナビゲーションメニューを使ってみたりしましたが、それでも期待どおりに動作しています。

「いいね!」 4

再現手順:

  1. デフォルトロケール設定をEnglish (UK)に変更します:

  1. Discourseを新しいタブでリロードし、https://example.com/admin/badgesに移動すると、レイアウトが壊れています:

  1. デフォルトロケール設定をデフォルトのEnglish (US)に変更またはリセットします:

  1. Discourseを新しいタブでリロードし、https://example.com/admin/badgesに移動すると、レイアウトは正常に機能します:

これがどのように、そしてなぜこうなるのか全く分かりません :thinking:

しかし、根本原因を指摘してくれた@JammyDodgerに感謝します :blush:

このバグは修正可能でしょうか? :thinking:

「いいね!」 4

@Richieさん、ありがとうございます!

ここにはいくつかの問題があるようです。

  1. 英語(英国)の翻訳では、ページ上部にある新しく長くなった説明が欠落しています。これは、「badges.description」キーが再利用されており、それ以降 Crowdin からの更新を行っていないためです。

    これは、翻訳が自動更新されるとすぐに解決します。

  2. レイアウトは、説明の長さに依存しているようです。米国英語では、開発者ツールに入って説明を短くすることで、この問題を再現できます。

    英国英語の文字列が更新された後でも、これは修正する価値があります。なぜなら、文字数が少ない他の言語でも同様の問題が発生する可能性が高いからです。

    変更は UX: Apply admin UI to Badges (#28724) · discourse/discourse@be5c37a · GitHub に関連しているようです(@ella @martin さんも参照)。

「いいね!」 6

洞察をありがとうございます @david :smiley:

「いいね!」 4

カナダにいるんだけど、これはイギリスのせいにしておくよ。:laughing:

リッチー、ありがとう。ロケール設定のことなんて全く考えてなかったよ :woman_facepalming:t2:

「いいね!」 5

これは全く話題がずれますが、英語(カナダ)はありませんよね?では、イギリスまたはアメリカのロケールを使用しますか?もちろん状況によるかもしれませんが、一般的にはどうですか?

「いいね!」 3

私たちのスタッフは通常、米国にデフォルト設定されています。ここでは「loo」や「trousers」という言葉はあまり使いません。笑

「いいね!」 4

問題ありません。世界の残りの地域を代表して、喜んでこの件の責任を負います :raised_hand:t2: :blush:

「いいね!」 4

それを発見してくれてありがとう!

レイアウトをより安定させるためにdivラッパーを追加し、異なるロケールを使用したときの一貫性の問題を修正しました。

このPRで修正されるはずです:

「いいね!」 6

国全体が、迅速な修正をありがとう @ella :bowing_man:

「いいね!」 3