feat(737): 단가산출 상세 옵션 6 열 격자 · 합계 한 줄 바닥 고정 · 텍스트 수식 비목 상자 · 두 보기 같은 제목

- 옵션 칸 = 상자 폭 기준 1 → 2 → 3 → 4 → 6 열(calc_sheet optionGrid · container query) · 공통 옵션 따로 상자 걷고 모든 상자 맨 위 옵션 칸에 같이
- 맨 아래 노무비 · 재료비 · 경비 · 계 = 한 줄 4 칸 · 화면(모달) 바닥 sticky · 메인 칸 overflow clip(굴림 칸이면 안 붙음)
- 텍스트 수식 = 비목 구분 상자 · 상자 위 옵션 칸 · 줄마다 붙던 옵션 꼬리표 걷음
- 두 보기 상자 제목 「단가산출 상세」 · 「지금 입력」 꼬리표 걷음
- 신규 지킴 시험 test_737_option_grid_foot

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-11-02 18:25:09 +09:00
co-authored by Claude Sonnet 5.5
parent 0ae48d0a89
commit 10984109b4
7 changed files with 249 additions and 68 deletions
@@ -241,10 +241,61 @@
gap: var(--spacing-8);
}
/* 737-1 맨 아래 한 줄 4 칸(노무비 · 재료비 · 경비 · 계) — 화면(모달) 바닥에 붙음 · 칸마다 이름 위 · 값 아래 */
.m01lab__foot {
position: sticky;
bottom: 0;
z-index: 2;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--spacing-8);
margin-top: var(--spacing-12);
padding: var(--spacing-8) var(--spacing-12);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface-raised);
}
/* 합계 줄이 화면 바닥에 붙으려면 메인 칸이 굴림 칸(overflow:auto)이 아니어야 함 — 메인은 높이가 안 묶여 안 굴렀음 */
.ui-workflow-layout__main:has(.m01lab__foot) {
overflow: clip;
}
.m01lab__sums {
display: contents;
}
.m01lab__foot .ui-calc-row {
display: flex;
flex-direction: column;
gap: var(--spacing-4);
align-items: stretch;
gap: 0;
min-height: 0;
}
.m01lab__foot .ui-calc-row > :empty {
display: none;
}
.m01lab__foot .ui-calc-row__out {
padding: 0;
text-align: left;
}
.m01lab__foot .m01lab__total {
display: flex;
flex-direction: column;
margin: 0;
text-align: left;
}
.m01lab__foot .m01lab__total > :first-child {
color: var(--color-text-secondary);
font-weight: var(--font-weight-regular, 400);
}
.m01lab__foot .m01lab__total > :last-child {
font-variant-numeric: tabular-nums;
}
/* 722-2 줄 모달 「그 자리 고침」 */