Files
Aislo/B08_Quantity/B08_Quantity_UI_Page.css
T
eomsangdonandClaude Opus 5.5 be5ec734b0 feat(B08): 구조물 집계표 서버 종류 조합 열 빼기 · 열 폭 맨 아래 단 44~100 · 머리 줄바꿈(120-1 · 120-2)
- 화면 — 서버가 펼친 종류(types)를 조합 열에서 뺌
- 열 폭 — 맨 아래 단 글 · 칸 글만 잼(한글 12 · 그 밖 7 + 16) · 최소 44 · 최대 100 · 측점 열도
- B08 범위 CSS 로 집계표 머리 줄바꿈(공용 표 CSS 그대로)
- 시험 — 새 test_120(BOX · 세월교 · 물넘이 · 개거 열 · 값 · 폭 수치 · 서버 Node 박스 길이) · test_98 223 기대 고침

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EYJJRCfHfdCGNhmXTjQKV7
2026-10-08 18:32:59 +09:00

27 lines
886 B
CSS

/* B08 수량산출 — 위 탭 · 보조 탭 줄. 색은 테마 변수만(밝음 · 어두움 같이). */
.b08-quantity {
display: flex;
flex-direction: column;
gap: var(--spacing-8); /* 보조 탭 줄 위 = 아래(.b08-quantity__tabs padding-bottom) */
padding: var(--spacing-16) var(--spacing-24); /* M02 본문(.m02-main)과 같은 값 */
}
.b08-quantity .ui-general-block__empty {
color: var(--color-text-secondary); /* muted 는 밝은 테마에서 대비 3:1 — 4.5:1 로 */
}
.b08-quantity__tabs {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-8);
padding-bottom: var(--spacing-8);
border-bottom: 1px solid var(--color-border);
}
/* 구조물 집계표 머리 — 좁은 열(44~100)에서 말줄임 대신 줄바꿈(120-2 · 공용 표 CSS 는 그대로) */
[data-b08-summary="table"] thead th {
white-space: normal;
overflow-wrap: anywhere;
}