ツイート - ユーザ名が長いときにレイアウトが崩れる問題

[mugiply]

不具合の概要 / Describe the bug

トピックダッシュボード画面などにて、ツイートが表示されるとき、ツイートのユーザ名が長いと、レイアウトが崩れます。

再現手順 / To Reproduce

1. トピックダッシュボード画面を開きます。
2. 承認または拒否されたツイートが一覧表示されます。
3. ツイートのユーザ名が長いとき、その文字列が複数行に改行されたり、他の要素と重なったりすることで、レイアウトが崩れてしまいます。

期待される動作 / Expected behavior

ユーザの名前が長くても、省略するなどして、一行に表示されること。また他の要素に重ならないこと。

添付資料 / Attachments

無し

ログ / Logs

無し

スクリーンショット / Screenshots

無し

実行環境 / Execution Environment

あなたのサーバおよびクライアント環境に応じて、以下の選択肢から選んでください。
/ Choose from the following options according to your server and client environment.

• Server:

  • Docker Compose on local

• Client:

  • プラットフォーム / Platform:
    • PC - Arch Linux
  • Web ブラウザ / Web browser:
    • Google Chrome v89.0.4389.72