search

fjordllc / bootcamp

プログラマー向けEラーニングシステム
https://bootcamp.fjord.jp
MIT License
286 stars 71 forks source link

提出物一覧カード内のユーザ名が長いと画面サイズを狭くしたときカードの幅が変わってしまう #8116

Closed MikotoMakizuru closed 6 days ago

MikotoMakizuru commented 1 month ago

概要

メンターのダッシュボード画面において、各提出物に表示されるユーザ名が長いと画面サイズを狭くした時全表示されてカードの幅が変わってしまう。

再現手順

  1. メンターダッシュボード画面の提出物に表示されるアカウント名を長いものにする（例：johnathan-alexander-williams-jackson-michael-thompson-johnson）
  2. メンターダッシュボード画面表示し、画面の横のサイズを 1024px 未満にする
  3. 提出物一覧のカードの幅が変わってしまう

期待される振る舞い

カッコは含めずにアカウント名と名前（カナ）を合わせて20 文字を超過する文字列は「...」で省略する

スクリーンショット

再現の手順から、画面を狭くしていったときのカード幅が広がる挙動までを撮影しています。

https://github.com/user-attachments/assets/ad9e9a3b-ff38-4e2b-b2e0-9f49149ff58b

環境