aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/components/ParkMapHelp.astro
diff options
context:
space:
mode:
authorYasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>2026-11-03 23:33:02 +0900
committerYasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>2026-11-03 23:33:02 +0900
commit608af874893a44da161f452ef96c44136118cb53 (patch)
treef5ad63cdf563a3e28738a615a3b6e27d1cbb4baf /src/components/ParkMapHelp.astro
parent1bcdb4420e021722b1c0502626c9f9222bc2f28b (diff)
parks: 選択中の公園のポリゴンを強調
選択中の公園を琥珀色・濃いオレンジの太線・グローで表示し、ほかの公園を薄くした。表の地図リンク(park:focus)でも同じ強調を適用し、凡例に「選択中」を追加。
Diffstat (limited to 'src/components/ParkMapHelp.astro')
-rw-r--r--src/components/ParkMapHelp.astro5
1 files changed, 5 insertions, 0 deletions
diff --git a/src/components/ParkMapHelp.astro b/src/components/ParkMapHelp.astro
index d693a2d..7a545ee 100644
--- a/src/components/ParkMapHelp.astro
+++ b/src/components/ParkMapHelp.astro
@@ -7,6 +7,7 @@
<summary>地図の見方・凡例</summary>
<div class="park-map-legend" aria-hidden="true">
<span><i class="swatch swatch-matched"></i>一覧と一致</span>
+ <span><i class="swatch swatch-selected"></i>選択中</span>
<span><i class="swatch swatch-unmatched"></i>一覧にない公園・緑地</span>
<span><i class="swatch swatch-nearby"></i>市外の近い公園(500m以内)</span>
<span><i class="swatch swatch-facility"></i>公共施設</span>
@@ -52,6 +53,10 @@
.swatch-matched {
background: #e53935;
}
+ .swatch-selected {
+ background: #ffd54f;
+ border: 2px solid #e65100;
+ }
.swatch-unmatched {
background: #ffcdd2;
}