#17793·misskey

UIアニメーションとボタン押下フィードバックの改善提案

Author: JoeJoeflynCreated Jul 24, 2026Updated Sep 11, 2026
Labels💬Discussion✨Featurepackages/frontend

Summary

フロントエンド全体のUIアニメーション品質とボタンの押下フィードバックを改善する提案です:

  • ナビバーのサイドバー折りたたみ: 瞬時切り替え → CSS width/flex-basis トランジションでスムーズに
  • transition: all の限定: MkButton, MkSwitch, MkSwitch.button で特定プロパティに限定
  • ボタンの :active 押下フィードバック: MkButton, MkPostForm, MkFollowButton に scale(0.98) を追加
  • MkRadios: scale(0)scale(0.5) でサブピクセル描画の問題を回避
  • MkModal: ease-inease-out, scale(0.9)scale(0.95)
  • MkTooltip: 200ms → 150ms でスナッピーに
  • スピナー: 400ms → 600ms で知覚パフォーマンス向上
  • 通知の退出方向を入場方向に合わせる: 空間的一貫性の修正
  • MkSwiper: ジェスチャー中のトランジションを削除して中断可能性を向上

Purpose

  • サイドバーの折りたたみが瞬時に切り替わり不自然
  • ボタンに押下フィードバックがなくタッチ感がない
  • transition: all がパフォーマンスに悪影響
  • 通知が入場と違う方向から退出するのが不自然
  • 一部のアニメーション時間・イージングが最適でない

フィードバックをいただけたら、合意できた部分についてPRを提出します。

Do you want to implement this feature yourself?

  • Yes, I will implement this by myself and send a pull request

@syuilo could you give it a review, thank you