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:
@@ -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 줄 모달 「그 자리 고침」 */
|
||||
|
||||
Reference in New Issue
Block a user