HTMLチーム5

日誌担当:鈴木 祥護
プロジェクト名:MIRABA


【本日の主要な目標】

サイドバーおよびTOP画面周辺のUI/UX改善を目的として、
スクロール制御・操作性・視認性の整理と、
MENUボタン/ハンバーガーアイコンの統合設計を進める。


【活動内容】(作業内容まとめ)

1. サイドバー開閉時のスクロール制御確認・調整

  • サイドバー開閉時に body のスクロールが完全に停止しない問題を確認。

  • body.menu-open による
    overflow: hidden / height: 100vh / touch-action: none の挙動を再確認。

  • 背景スクロール停止 + サイドバー内部のみスクロール可
    という構成を前提に、CSS構造(.sidebar / .sidebar-body)を整理。

2. サイドバー内部構造の再定義(CSS)

  • .sidebar 自体はスクロール不可とし、
    内部の .sidebar-body のみ overflow-y: auto を許可。

  • スクロールバーのデザイン(細線・半透明)を実装。

  • サイドバー内文字を中央揃えに統一。

  • 上部ロゴ領域・下部タイトル領域を明確に分離。

 

【次回の作業予定】

  • MENUボタン枠内へのハンバーガーアイコン完全統合。

  • フォントサイズ・行間・余白の本格調整。

  • MIRABAロゴ画像の仮配置とサイズ検証。

  • TOP画面背景に動画導入計画