diff --git a/B06_Section/B06_Section_UI_Cross_Design_Pick.ts b/B06_Section/B06_Section_UI_Cross_Design_Pick.ts index 4aebb22aa..c132550a9 100644 --- a/B06_Section/B06_Section_UI_Cross_Design_Pick.ts +++ b/B06_Section/B06_Section_UI_Cross_Design_Pick.ts @@ -39,6 +39,8 @@ const DESIGN_CLASS = "b06-chart__design-cross"; const HIT_CLASS = "b06-chart__design-hit"; /** 교차점 손잡이 원(370-2) — 중심점 판정 원 클래스에 덧붙임(고르기 차례 같음). */ const TOE_CLASS = "b06-chart__toe-hit"; +/** 바뀜 자리 점 반지름(px) — 옛 8 의 약 60 %(435). */ +const TOE_DOT_RADIUS_PX = 5; /** 암 경계선 점선 · 그 위 판정 선(370-3 · 판정 선은 보라 선 판정 클래스에 덧붙임). */ const ROCK_LINE_CLASS = "b06-chart__rock-boundary"; export const ROCK_HIT_CLASS = "b06-chart__rock-hit"; @@ -507,6 +509,7 @@ export function attachDesignLinePick(input: { const toe = input.toes?.[at] as { offset_m: number; elevation_m: number }; const hit = centerHit(x(toe.offset_m), toDisplayY(toe.elevation_m)); hit.classList.add(TOE_CLASS); + hit.setAttribute("r", String(TOE_DOT_RADIUS_PX)); // 보이는 점 5 px · 잡는 범위는 CSS 굵은 투명 테두리로 8.75 px 유지(435) hits.push(hit); } // 암 경계선(370-3) — 점선(`appendRockBoundaryOverlay`) 위 판정 선 하나(끊긴 토막도 한 path) · 키 rock diff --git a/B06_Section/B06_Section_UI_Style_Cross_Areas.css b/B06_Section/B06_Section_UI_Style_Cross_Areas.css index 7b6fb05ae..f57d24e85 100644 --- a/B06_Section/B06_Section_UI_Style_Cross_Areas.css +++ b/B06_Section/B06_Section_UI_Style_Cross_Areas.css @@ -111,13 +111,14 @@ /* 교차점 손잡이(370-2 · 414-1) — 절 ↔ 성 바뀜 자리 작은 원 · 평소 투명 · 올리거나 고르면 채움. */ .b06-chart__toe-hit { - stroke-width: 1.5; + /* 점 r 5 + 굵은 투명 테두리 → 잡는 범위 반지름 8.75 px(옛과 같음 · 435) */ + stroke-width: 7.5; } .b06-chart__toe-hit:hover, .b06-chart__toe-hit.is-active { fill: var(--color-royal-amethyst); - stroke: var(--color-royal-amethyst); + stroke: transparent; cursor: pointer; } diff --git a/resources/tester/test_370_2_toe_stop.py b/resources/tester/test_370_2_toe_stop.py index 95041b47a..39e5a4991 100644 --- a/resources/tester/test_370_2_toe_stop.py +++ b/resources/tester/test_370_2_toe_stop.py @@ -106,7 +106,9 @@ def test_정확히_0_자리는_절성토_없음_사면처럼_고름(out) -> None """379-1 — 멈춘 자리(노견 끝 = 원지반) 손잡이를 누르면 사면과 같은 조작.""" zero = out["zero"] assert zero["bare"]["right"] is True and zero["nearBare"]["right"] is False - assert zero["toe"] is True and zero["radius"] == "8" # 판정 원 8 px + assert ( + zero["toe"] is True and zero["radius"] == "5" + ) # 보이는 점 5 px(435 · 잡는 범위는 CSS 테두리로 8.75 유지) assert zero["title"] == "사면 이동 (우)" assert zero["value"].startswith("절·성토 없음 · 노선에서 ") assert zero["buttons"] == ["left", "reset", "right"] # ◀↺▶