diff --git a/B06_Section/B06_Section_UI_Cross_View.ts b/B06_Section/B06_Section_UI_Cross_View.ts index 070d4325..bbff9ecc 100644 --- a/B06_Section/B06_Section_UI_Cross_View.ts +++ b/B06_Section/B06_Section_UI_Cross_View.ts @@ -425,10 +425,8 @@ export function createCrossSectionCard( } // 확대·축소·팬이 닿는 범위 = 이 레이어 안(2026-08-08 사용자 지시. 축·눈금·축 이름은 제자리). - // clip 그룹은 고정하고 그 **안쪽** plotLayer만 transform으로 움직인다 — clip을 transform이 - // 붙은 요소에 직접 걸면 자르는 창까지 같이 확대돼 플롯 밖으로 도형이 새어 나간다. - // 표시 반폭 밖의 설계선·면적 밴드·포장·암 경계를 잘라 내는 몫도 이 clip이 겸한다 - // (2026-08-06 사용자 지적 — 지면 샘플만 잘라서는 나머지가 플롯을 뚫고 나갔다). + // clip 그룹은 고정하고 안쪽 plotLayer만 transform으로 움직인다 — clip을 transform + // 요소에 직접 걸면 자르는 창까지 확대된다. 표시 반폭 밖 잘라내기도 이 clip 몫. const clipId = `b06-cross-clip-${section.station_id}`; const clip = svgElement("clipPath", { id: clipId }); clip.append( @@ -537,7 +535,7 @@ export function createCrossSectionCard( return nearest; }, null); const centerX = x(0); - // 십자선은 계획 노선(계획고) 위치를 가리킨다. 계획선이 없는 구 데이터는 지반고로 폴백한다. + // 십자선 = 계획 노선 자리(구 데이터는 지반고 폴백). const centerElevation = hasDesign ? (designElevation as number) : (centerSample?.elevation_m ?? null); @@ -546,7 +544,6 @@ export function createCrossSectionCard( ? y(elevationMid + (centerElevation - elevationMid) * exaggeration) : heightPx / 2; const centerMarkerClass = `b06-chart__center-marker${hasDesign ? " b06-chart__center-marker--design" : ""}`; - // 중심 십자선은 계획 노선 자리를 가리키는 **데이터**라 도형 레이어에 넣어 함께 움직인다. plotLayer.append( svgElement("line", { x1: centerX, @@ -657,7 +654,6 @@ export function createCrossSectionCard( showRevetControl = (visible) => panel.show(visible ? activeRevet : null); showRevetControl(activeRevet !== null); chartWrap.append(svg, readout.root, buildZoomControls(zoomPan), panel.root); - // 다시 그려지기 전에 켜져 있던 강조를 되살린다(부모가 들고 있던 값). if (activeArea) { setBandActive(activeArea); setChipActive(activeArea); @@ -669,16 +665,13 @@ export function createCrossSectionCard( const center = document.createElement("span"); center.textContent = `${L("B06_Profile_View_CenterElevation")} ${section.center_z?.toFixed(2) ?? "-"}m`; footer.append(center); - // 암 경계선 제어는 그래프 안이 아니라 **하단 정보 행 가운데**에 둔다 - // (2026-08-02 사용자 지시). 그래프 안에 있으면 도면 위에 겹쳐 단면을 가렸다. 암 지반만. - // 방위각 표기는 볼 일이 없어 삭제했다(2026-08-06 사용자 지시). + // 암 경계선 제어는 하단 정보 행 가운데(2026-08-02) — 암 지반만. if (rockBoundary && section.design?.geometry_preset === "rock") { const rockControl = buildRockBoundaryControl(section, rockBoundary); rockControl.classList.add("b06-cross-card__rockb"); footer.append(rockControl); } - // 개별 표시 반폭 ◀/▶/↺ — 암 경계 그룹 우측에 우측 맞춤(2026-08-06 사용자 지시). - // 숫자 표시는 두지 않고, 초기화는 전역 반폭으로 되돌린다. + // 개별 표시 반폭 ◀/▶/↺ — 우측 맞춤, 초기화는 전역 반폭 복귀(2026-08-06). if (stationWidth) { const widthControl = document.createElement("div"); widthControl.className = "b06-cross-card__widthctl";