refactor(B05): 지도 · 노선 추천 범례 셋을 부품 범례로 (PLAN 553-2)

- 평면 상태 글판 범례 · 추천 지도 범례 · 추천 종단 그림 범례 = 부품 「범례」(선 · 점선 표지)
- 표지 색 = 그린 선 값(종단 그림 = --draw-text-secondary · --draw-primary · 지도 = --map-route) — 옛 범례가 계획선을
  --color-primary(초록)로 그려 그림(보라)과 어긋나던 것 맞춤
- 범례 부품 CSS 를 design_page 가 실음

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-26 23:24:25 +09:00
co-authored by Claude Opus 5.5
parent b309460488
commit cbfe2b8ac2
6 changed files with 28 additions and 74 deletions
@@ -135,9 +135,11 @@ export function createRouteEditChrome(
</div>
<div class="b05-routeedit__info">
<span class="b05-routeedit__status">노선을 읽는 중…</span>
<span class="b05-routeedit__legend">
<span><i class="is-expected"></i> 예상노선(원본)</span>
<span><i class="is-planned"></i> 계획노선</span>
<span class="ui-legend ui-legend--vertical b05-routeedit__legend">
<span class="ui-legend__item"><i class="ui-legend__mark ui-legend__mark--dash is-expected"
style="--legend-color: var(--color-text-secondary)"></i>예상노선(원본)</span>
<span class="ui-legend__item"><i class="ui-legend__mark ui-legend__mark--line is-planned"
style="--legend-color: var(--map-route)"></i>계획노선</span>
</span>
<span class="b05-routeedit__summary"></span>
<button type="button" data-size="18" class="ui-icon-btn ui-icon-btn--ghost b05-routeedit__info-toggle" data-act="info-toggle"