From a1741be43f53d2406258db57f1388a6712326643 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Tue, 8 Sep 2026 18:42:15 +0900 Subject: [PATCH] =?UTF-8?q?fix(B06):=20=EC=A2=81=EC=9D=80=20=ED=8F=AD?= =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=A2=8C=EC=B8=A1=20=ED=8C=A8=EB=84=90=20?= =?UTF-8?q?=ED=95=AD=EB=AA=A9=EC=9D=B4=202px=20=EC=83=88=EB=8D=98=20?= =?UTF-8?q?=EA=B2=83=20=E2=80=94=20=EA=B7=B8=20=ED=8F=AD=EC=97=90=EC=84=9C?= =?UTF-8?q?=EB=A7=8C=20=EB=9D=BC=EB=B2=A8=EC=9D=84=20=EC=A0=91=EC=9D=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 창폭 480 에서 좌측 패널이 237 까지 물러나면 「횡단 반폭(m)」 라벨이 안 줄어 `.ui-field` 가 2px 넘쳤다(공용 `.ui-field` 는 안 건드리고 내 행에서 처리). - `@media (max-width: 560px)` 에서만 라벨을 윗줄로 접는다. - ⚠ 폭 제한 없이 `flex-wrap` 을 주면 넓은 폭에서도 라벨이 윗줄로 올라간다 — 실제로 재 보고 되돌린 뒤 폭 조건을 붙였다. 확인(1400·760·620·480): 넘침 0 · 잘린 라벨 0 · 가로 스크롤 0, 넓은 폭 높이 42(한 줄) 유지, 480 에서만 68(두 줄). Co-Authored-By: Claude Opus 5 (1M context) --- B06_Section/B06_Section_UI_Style.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/B06_Section/B06_Section_UI_Style.css b/B06_Section/B06_Section_UI_Style.css index e405ef0a..fb072053 100644 --- a/B06_Section/B06_Section_UI_Style.css +++ b/B06_Section/B06_Section_UI_Style.css @@ -95,6 +95,15 @@ display: none; } +/* 창이 좁아 좌측 패널이 237px 까지 물러난 자리 — 라벨이 안 줄어 2px 이 새어 나왔다. + 그 폭에서만 라벨을 윗줄로 접는다. 넓은 폭 배치는 손대지 않는다(2026-09-08 실측). + ⚠ 폭 제한 없이 `flex-wrap` 을 주면 넓은 폭에서도 라벨이 윗줄로 올라간다 — 재 보고 되돌렸다. */ +@media (max-width: 560px) { + .b06-profile__field-row > .ui-field { + flex-wrap: wrap; + } +} + .b06-profile__field-row > .ui-btn { flex: 0 0 auto; }