fix: タイムテーブルの横スクロールのみ可能に変更

- テーブル内部での縦スクロールを無効化
- (他ページ同様の) 縦スクロールに変更

Author: yasulab

_pages/time-table.html

@@ -22,7 +22,7 @@ <h2 class="text-4xl text-center mb-8">
     Time table
     <span class="block mt-3 text-2xl">タイムテーブル</span>
   </h2>
-  <div class="overflow-x-auto overflow-y-auto h-[500px] border-[1px] border-[#e6e6e9]" aria-label="タイムテーブル（横スクロール可）">
+  <div class="overflow-x-auto border-[1px] border-[#e6e6e9]" aria-label="タイムテーブル（横スクロール可）">
     <table class="ttable" style="--room-count: {{ rooms | size }};">
       <caption>
         {{ site.date_event }} のタイムテーブル
@@ -62,11 +62,9 @@ <h2 class="text-4xl text-center mb-8">
                     rowspan="{{ event.duration }}"
                     style="--span: {{ event.duration }};">
                   <div class="ttable__event" style="--accent: {{ accent }};">
-                    <div class="sticky top-[50px]">
-                      <div class="ttable__event-time" >{{ event.start }}–{{ event.end }}</div>
-                      <div class="ttable__event-title">{{ event.title }}</div>
-                      {% if event.subtitle %}<div class="ttable__event-subtitle">{{ event.subtitle }}</div>{% endif %}
-                    </div>
+                    <div class="ttable__event-time" >{{ event.start }}–{{ event.end }}</div>
+                    <div class="ttable__event-title">{{ event.title }}</div>
+                    {% if event.subtitle %}<div class="ttable__event-subtitle">{{ event.subtitle }}</div>{% endif %}
                     {% if event.badge %}<span class="ttable__badge">{{ event.badge }}</span>{% endif %}
                     {% if event.note %}<div class="ttable__event-note">{{ event.note }}</div>{% endif %}
                   </div>

_sass/pages/time-table.scss

@@ -4,9 +4,11 @@
   width: 100%;
   max-width: 100%;
   overflow-x: auto;
-  overflow-y: auto;
+  overflow-y: visible;
   -webkit-overflow-scrolling: touch;
+  overscroll-behavior-x: contain;
   contain: content;
+  scrollbar-gutter: stable both-edges;
 }
 
 /* ====== テーブル ======