diff --git a/B06_Section/B06_Section_UI_Section_View_Draw.ts b/B06_Section/B06_Section_UI_Section_View_Draw.ts index d14408d8..8a9402fb 100644 --- a/B06_Section/B06_Section_UI_Section_View_Draw.ts +++ b/B06_Section/B06_Section_UI_Section_View_Draw.ts @@ -147,15 +147,19 @@ export function drawLongitudinalPanel( // B05·B06 은 한 페이지인데 B06 에만 버튼이 없었다). 누른 값은 B05 와 같은 세션 초안에 // 쌓이고 [저장]·[확정]에서 종단 정본으로 나간다. if (input.grade) { - chartWrap.append( - createEditOverlay({ - alignment: input.grade.alignment, - width: chartWidth, - x: chart.toX, - step: input.grade.stepM, - onStation: input.grade.onStation, - }), - ); + const editLayer = createEditOverlay({ + alignment: input.grade.alignment, + width: chartWidth, + x: chart.toX, + step: input.grade.stepM, + onStation: input.grade.onStation, + }); + // 버튼층은 `inset: 0` 으로 부모를 꽉 채운다 — B05 는 부모가 그래프뿐이지만 B06 은 + // **알약 레인도 같은 칸 안**에 있어, 그대로 두면 ▼ 가 레인 위로 밀려난다(실측: + // 그래프 바닥 231px 인데 버튼이 270px). 그래프 높이로 잘라 B05 와 같은 자리에 세운다. + editLayer.style.height = `${input.chartHeight}px`; + editLayer.style.bottom = "auto"; + chartWrap.append(editLayer); } // 종단 그래프 우클릭 — B05 와 같은 메뉴다(가까운 구조물이 있으면 삭제, 없으면 구조물군 // → 종류 2단 추가). 그래프를 다시 그릴 때마다 붙인다(상태를 안 남긴다).