From ed970d8dd6dbbaded7f1f45963ef54049f3571b9 Mon Sep 17 00:00:00 2001
From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>
Date: Thu, 29 Oct 2026 08:14:03 +0900
Subject: hp-archive: 表のスクロール表示と市Xの新着を反映
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 審議会等・イベントの表を枠内スクロールにし、終了分を下にまとめてグレー表示
- 情報源にこだいら観光まちづくり協会のホームページを追加
- 市公式Xの10月28日の新着3件を追加
- 鈴木遺跡のテレビ放映を10月28日と11月2日の再放送に分割
---
 src/styles/custom.css | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

(limited to 'src/styles/custom.css')

diff --git a/src/styles/custom.css b/src/styles/custom.css
index de7281d..1e763f9 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -264,6 +264,30 @@ body:has(.parks-controls) .sl-markdown-content p {
 }
 
 /* ── 審議会・イベントの日程表 ── */
+.schedule-table {
+  max-height: min(60vh, 32rem);
+  overflow: auto;
+  border: 1px solid var(--sl-color-gray-5);
+  border-radius: 8px;
+  background: var(--sl-color-bg);
+  overscroll-behavior: contain;
+  scrollbar-gutter: stable;
+}
+.schedule-table table {
+  margin: 0;
+}
+.schedule-table thead th {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: var(--sl-color-bg);
+  box-shadow: 0 1px 0 var(--sl-color-gray-5);
+}
+@media (max-width: 600px) {
+  .schedule-table {
+    max-height: 50vh;
+  }
+}
 .schedule-table table th:last-child,
 .schedule-table table td:last-child {
   font-size: 0.86em;
@@ -2064,6 +2088,7 @@ td.sanpi-open .sanpi-title {
 }
 .schedule-table tbody tr.is-ended td {
   color: var(--sl-color-gray-3);
+  background: var(--sl-color-gray-6);
 }
 .schedule-ended-badge {
   display: inline-block;
@@ -2071,7 +2096,7 @@ td.sanpi-open .sanpi-title {
   padding: 0 0.35rem;
   border: 1px solid var(--sl-color-gray-5);
   border-radius: 999px;
-  background: var(--sl-color-gray-6);
+  background: var(--sl-color-bg);
   font-size: 0.7rem;
   line-height: 1.5;
   color: var(--sl-color-gray-3);
-- 
cgit v1.3.1