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

[JoeJoeflyn]

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-in → ease-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