fix(view): ③ rebar table reads left to right and scrolls inside its panel

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 <noreply@anthropic.com>
This commit is contained in:
ypshimandClaude Haiku 5.5 committed 2026-10-22 12:09:47 +09:00
1 parent cdc0e5ac9c
commit 140d34a844
1 file changed
+9 -22
+9 -22
View File
@@ -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; }