From 508066b624f3ccbd72d9d60bee6b9567c97884be Mon Sep 17 00:00:00 2001 From: umsangdon Date: Tue, 8 Sep 2026 18:28:00 +0900 Subject: [PATCH] =?UTF-8?q?fix(B07):=20=EC=A2=81=EC=9D=80=20=ED=8F=AD?= =?UTF-8?q?=EC=97=90=EC=84=9C=20=ED=9A=A1=EB=8B=A8=EB=8F=84=202=EC=97=B4?= =?UTF-8?q?=EC=9D=B4=20=EC=9D=B4=EB=A6=84=EC=9D=84=20=EC=9E=90=EB=A5=B4?= =?UTF-8?q?=EB=8D=98=20=EA=B2=83=20=E2=80=94=20=EC=B9=B8=EC=9D=B4=20?= =?UTF-8?q?=EC=A2=81=EC=9C=BC=EB=A9=B4=201=EC=97=B4=EB=A1=9C=20=EC=A0=91?= =?UTF-8?q?=ED=9E=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 공용 오버레이가 좁은 폭에서 좌측 패널을 320 에서 280·227·182 로 물리면서(ef4cdb66) 2열 칸이 128.8 에서 108.8·82.4·60px 까지 줄어 도면 이름이 말줄임으로 잘렸음. 문서 넘침은 0 이라 수치로는 안 잡히는 자리 — 잘린 것이 `overflow: hidden` 안이라서. 실측 (도면 31장, 잘린 이름 수 · 고치기 전 → 뒤) 1400·1000 0 → 0 (2열 128.8px 그대로 — 넓은 폭 배치 안 건드림) 860·760·620 1 → 0 (1열 221.6px) 560 16 → 0 (1열 168.8px) 500 19 → 2 (1열 124px) 남은 2건은 횡단도 격자 밖(「계획평면도(노선배치도)」 등)이고 폭 500 에서만 남음 — 그 폭에서 패널이 182px 까지 물러난 결과라 공용 오버레이 몫. `repeat(auto-fit, minmax(120px, 1fr))` — 가장 긴 이름 107px + 단추 안여백·테두리 20px 를 문턱으로 잡음. 넓은 폭에서는 두 칸이 들어가 배치가 그대로임. Co-Authored-By: Claude Opus 5 (1M context) --- B07_DesignDetail/B07_DesignDetail_UI_Style.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Style.css b/B07_DesignDetail/B07_DesignDetail_UI_Style.css index 1dcfce89..7bdd7f9f 100644 --- a/B07_DesignDetail/B07_DesignDetail_UI_Style.css +++ b/B07_DesignDetail/B07_DesignDetail_UI_Style.css @@ -49,10 +49,16 @@ padding: var(--spacing-8); } -/* 횡단도는 2열 배치 */ +/* 횡단도는 2열 배치 — 단, **칸이 좁아지면 1열로 접는다**(2026-09-08). + 좌측 패널이 320 고정이던 동안은 2열이 늘 128.8px 라 문제가 없었으나, 공용 + 오버레이가 좁은 폭에서 패널을 280·227·182 로 물리면서 칸이 108.8 → 82.4 → 60px + 까지 줄었다. 실측: 폭 560 에서 이름 31개 중 **16개**, 폭 500 에서 **19개**가 + 말줄임으로 잘려 「9장 (No.26+14.0)」이 「9장 …」이 됐다. 넘침 수치는 0 이라 + 안 잡히는 자리다 — 잘린 것은 `overflow: hidden` 안이라서. + 가장 긴 이름이 107px, 단추 안여백·테두리가 20px 이므로 120px 를 접는 문턱으로 둔다. */ .b07-drawing-group[data-kind="cross"] { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--spacing-4); }