search

misskey-dev / misskey

🌎 An interplanetary microblogging platform 🚀
https://misskey-hub.net/
GNU Affero General Public License v3.0
9.63k stars 1.28k forks source link

スマホなど狭い画面で、管理者権限があるアカウントがプロフィール画面を見ると、ロールバッジなどのレイアウトが崩れる #13980

Open mochi-sann opened 1 week ago

mochi-sann commented 1 week ago

💡 Summary

スマートフォンなどの横幅は350px程度の幅の画面で、管理者権限があるアカウントからプロフィール画面を見たと時に、そのアカウントのモデレーションボタンと、ロールバッジのレイアウトが崩れていて右側によっている。

🥰 Expected Behavior

狭い画面でみたときに、管理者権限があるアカウントが見たときも管理者権限が無いアカウントが見たときと同様にモデレーションボタンとロールバッジのボタンが中央揃いになる。

🤬 Actual Behavior

狭い画面でみたときに、管理者権限があるアカウントで見た時にモデレーションボタンとロールバッジのボタンが右によっている

📝 Steps to Reproduce

  1. 開発者ツールでレスポンシブモードを有効にする
  2. 横幅を350pxにする
  3. 管理者権限があるアカウントでログインする
  4. 適当なユーザーに何個かロールバッジを付ける
  5. そのユーザーのプロフィール画面を開く

💻 Frontend Environment

* Model and OS of the device(s):  windows 11 home 23H2
* Browser: Chrome 125.0.6422.77
* Server URL: https://misskey.mochi33.com/@mochi33i
* Misskey:  2024.5.0

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service: Docker
* Misskey:2024.5.0
* Node: 20.12.2
* PostgreSQL:  15.5
* Redis: 7.2.3
* OS and Architecture: Ubuntu

Do you want to address this bug yourself?