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:
1 parent
cdc0e5ac9c
commit
140d34a844
1 file changed
+9
-22
+9
-22
@@ -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; }
|
||||
Reference in new issue
Block a user