diff --git a/B06_Section/B06_Section_UI_Cross_View.ts b/B06_Section/B06_Section_UI_Cross_View.ts index a24d78716..24daecf4d 100644 --- a/B06_Section/B06_Section_UI_Cross_View.ts +++ b/B06_Section/B06_Section_UI_Cross_View.ts @@ -541,6 +541,7 @@ export function createCrossSectionCard( // 확대·축소 버튼, 드래그 팬, 더블클릭 원복(E-5). 도형 레이어 transform + non-scaling-stroke. const chartWrap = document.createElement("div"); chartWrap.className = "b06-cross-card__chart-wrap"; + chartWrap.style.setProperty("--b06-plot-left", `${CROSS_PAD.left}px`); // 팬 한계로 쓸 **그려진 범위** — 캐시 전 구간의 좌우 끝과 표고 상·하단. const drawnOffsets = drawSamples.map((sample) => sample.offset_m ?? 0); const drawnDisplayY = drawSamples diff --git a/B06_Section/B06_Section_UI_Style_Cross_Controls.css b/B06_Section/B06_Section_UI_Style_Cross_Controls.css index f740f9e0a..d74b85ad7 100644 --- a/B06_Section/B06_Section_UI_Style_Cross_Controls.css +++ b/B06_Section/B06_Section_UI_Style_Cross_Controls.css @@ -8,7 +8,8 @@ 수치가 안 보인다(2026-09-12 사용자). 표 높이(머리글+절토+성토 세 줄)만큼 내려 시작한다. 아래를 기준으로 붙이지 않는 까닭은 종전 그대로다 — 낮은 횡단도에서 창이 잘린다. */ top: calc(var(--spacing-8) + var(--b06-areas-height, 3.6rem)); - left: var(--spacing-8); + /* Y축·눈금 라벨 띠(CROSS_PAD.left)를 덮지 않게 그림 영역 안쪽에서 시작한다. */ + left: calc(var(--b06-plot-left, 58px) + var(--spacing-8)); z-index: 20; display: flex; max-height: calc(100% - 2 * var(--spacing-8) - var(--b06-areas-height, 3.6rem));