eomsangdonandClaude Opus 5.5
8b1fd2f6ed
- 토적표 32칸 · 측점 고정 · 묶음 머리 석 줄 · 합계 줄 / 토공집계표 · 운반 시트도 같은 표 · 카드 안 - 옛 토적표 전용 CSS 걷어냄 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01UoSr2sqvYtBf1dtQdus88s
70 lines
1.5 KiB
CSS
70 lines
1.5 KiB
CSS
/* B08 수량산출 — 위 탭 · 구조물 집계표(PLAN 61-1). 색은 테마 변수만(밝음 · 어두움 같이). */
|
|
|
|
.b08-quantity {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-16);
|
|
}
|
|
|
|
.b08-quantity__tabs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-8);
|
|
padding-bottom: var(--spacing-8);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
|
|
/* 집계표 — 칸마다 테두리 · 머리 가운데 · 측점 열은 가로로 밀어도 붙어 있음 */
|
|
.b08-summary__wrap {
|
|
max-height: 70vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
.b08-summary__table {
|
|
width: auto;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.b08-summary__table th,
|
|
.b08-summary__table td {
|
|
padding: var(--spacing-4, 4px) var(--spacing-8);
|
|
border: 1px solid var(--color-border);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.b08-summary__table thead th {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1;
|
|
text-align: center;
|
|
background: var(--color-surface-raised, var(--color-surface));
|
|
color: var(--color-text);
|
|
}
|
|
|
|
/* 머리 둘째 줄은 첫 줄 아래에 붙음 */
|
|
.b08-summary__table thead tr + tr th {
|
|
top: calc(1lh + 2 * var(--spacing-4, 4px) + 1px);
|
|
}
|
|
|
|
.b08-summary__table .b08-summary__station {
|
|
position: sticky;
|
|
left: 0;
|
|
z-index: 2;
|
|
text-align: center;
|
|
background: var(--color-surface-raised, var(--color-surface));
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.b08-summary__table thead .b08-summary__station {
|
|
z-index: 3;
|
|
}
|
|
|
|
.b08-summary__table td {
|
|
min-width: 80px;
|
|
background: var(--color-surface);
|
|
}
|
|
|
|
.b08-summary__name.is-missing {
|
|
color: var(--color-danger);
|
|
}
|