From 140d34a844dd48ec529d34522641f215812e628f Mon Sep 17 00:00:00 2001 From: ypshim Date: Thu, 22 Oct 2026 12:09:47 +0900 Subject: [PATCH] =?UTF-8?q?fix(view):=20=E2=91=A2=20rebar=20table=20reads?= =?UTF-8?q?=20left=20to=20right=20and=20scrolls=20inside=20its=20panel?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The text columns were right-aligned and the table pushed the 비고 column out of view. Text columns are now left-aligned, numbers (길이, 개수) right-aligned, and the table scrolls sideways inside its panel. Co-Authored-By: Claude Haiku 5.5 --- src/style.css | 31 +++++++++---------------------- 1 file changed, 9 insertions(+), 22 deletions(-) diff --git a/src/style.css b/src/style.css index 00b27ad..083712b 100644 --- a/src/style.css +++ b/src/style.css @@ -678,25 +678,12 @@ body { background: #eef1f4; font-family: 'Noto Sans KR', system-ui, sans-serif; .pile-row.warn { color: #8a4b00; } .warn-text { color: #8a4b00; font-size: 12px; } -/* 철근표 (③): text columns read left to right; the note column wraps instead of stretching. */ -.rebar-table td:nth-child(1), -.rebar-table td:nth-child(2), -.rebar-table th:nth-child(1), -.rebar-table th:nth-child(2), -.rebar-table td:nth-child(5), -.rebar-table th:nth-child(5) { text-align: left; } -.rebar-table td:nth-child(5) { white-space: normal; min-width: 260px; } -/* ③ 공통 설정 */ -.common { margin: 10px 0; display: grid; gap: 6px; } -.mat { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13px; } -.mat input { width: 96px; padding: 4px 6px; border: 1px solid #b9c4d0; border-radius: 4px; } -/* ③ 철근표: 근거 badge, row highlight, warning count on tabs */ -.basis { font-size: 12px; border-radius: 4px; padding: 1px 6px; white-space: nowrap; } -.basis-input { background: #e2f2e7; color: #1d6b3a; } -.basis-default { background: #eef1f4; color: #55606e; } -.basis-calc { background: #e3edf8; color: #123e70; } -.basis-assumed { background: #fff2dc; color: #8a4b00; font-style: italic; } -.rebar-table tr.hl td { background: #fff6d6; } -.rebar-table .bar-no { cursor: pointer; font-weight: 700; } -.members .badge.warn { margin-left: 6px; background: #ffebd6; color: #8a4b00; } - +/* 철근표 (③): text columns read left to right, numbers right; the table scrolls sideways inside its panel. */ +#rebar-table { overflow-x: auto; } +.rebar-table td, +.rebar-table th { text-align: left; } +.rebar-table td:nth-child(9), +.rebar-table td:nth-child(10), +.rebar-table th:nth-child(9), +.rebar-table th:nth-child(10) { text-align: right; } +.rebar-table td:nth-child(12) { white-space: normal; min-width: 240px; }