aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/components/ParksFilters.astro
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/ParksFilters.astro')
-rw-r--r--src/components/ParksFilters.astro31
1 files changed, 20 insertions, 11 deletions
diff --git a/src/components/ParksFilters.astro b/src/components/ParksFilters.astro
index f31503b..172edf0 100644
--- a/src/components/ParksFilters.astro
+++ b/src/components/ParksFilters.astro
@@ -56,10 +56,10 @@ const facilityTypes = [
<fieldset class="parks-facilities">
<legend>設備・遊具で絞る</legend>
<label><input type="checkbox" data-fac-filter value="toilet" />トイレ</label>
- <label><input type="checkbox" data-fac-filter value="water" />水飲み場・給水</label>
+ <label><input type="checkbox" data-fac-filter value="water" />水飲み</label>
<label>
<input type="checkbox" data-fac-filter value="picnic" />
- <span class="filter-icon" set:html={PARK_ICONS.picnic.svg} />ピクニック・広場
+ <span class="filter-icon" set:html={PARK_ICONS.picnic.svg} />緑地広場
</label>
<label><input type="checkbox" data-fac-filter value="clock" />⏰時計</label>
<label><input type="checkbox" data-fac-filter value="toy" />遊具あり</label>
@@ -77,7 +77,7 @@ const facilityTypes = [
</label>
<label>
<input type="checkbox" data-fac-filter value="spring" />
- <span class="filter-icon" set:html={PARK_ICONS.spring.svg} />スプリング遊具
+ <span class="filter-icon" set:html={PARK_ICONS.spring.svg} />スイング遊具
</label>
<label>
<input type="checkbox" data-fac-filter value="jungle" />
@@ -95,15 +95,15 @@ const facilityTypes = [
<input type="checkbox" data-fac-filter value="complex" />
<span class="filter-icon" set:html={PARK_ICONS.playground.svg} />複合遊具
</label>
- <label>
- <input type="checkbox" data-fac-filter value="rope" />
- <span class="filter-icon" set:html={PARK_ICONS.flyingfox.svg} />ロープウェイ
- </label>
- <label>
- <input type="checkbox" data-fac-filter value="ball" />
- <span class="filter-icon" set:html={PARK_ICONS.ball.svg} />ボール遊び
- </label>
+ <label><input type="checkbox" data-fac-filter value="basket" />バスケゴール</label>
+ <label><input type="checkbox" data-fac-filter value="shelter" />東屋/シェルター</label>
+ <label><input type="checkbox" data-fac-filter value="health" />健康遊具</label>
+ <label><input type="checkbox" data-fac-filter value="special" />特殊遊具</label>
</fieldset>
+ <label class="parks-fire-toggle" title="消火栓・防火水槽を地図に表示する">
+ <input type="checkbox" data-show-fire />
+ 消火栓・防火水槽
+ </label>
<span class="parks-count" data-parks-count aria-live="polite">{total}件</span>
</div>
@@ -175,6 +175,15 @@ const facilityTypes = [
height: 0.9em;
margin: 0;
}
+ /* 选择中的フィルタを目立たせる */
+ .parks-controls label:has(input[type="checkbox"]:checked) {
+ padding: 0 0.35rem;
+ border-radius: 999px;
+ background: var(--sl-color-accent-low, #dbeafe);
+ outline: 1px solid var(--sl-color-accent, #2563eb);
+ color: var(--sl-color-text, inherit);
+ font-weight: 700;
+ }
.filter-icon {
display: inline-flex;
width: 18px;