Files
Aislo/M02_MasterTemplete/M02_MasterTemplete_Sangeun_Sheet.css
T
eomsangdonandClaude Opus 5.5 09a67ce91f feat(792): 단가산출 시트 식 칸 화면 — 줄 식 고침 · 칠 때마다 검사 · 빨간 칸 까닭 · 변수 줄
- 새 M02_MasterTemplete_Sangeun_SheetFormula.ts — 줄마다 [식 고침] → 이름 꼴 식 칸 · 칠 때마다 formula-check(옛 요청 끊기) · 틀리면 빨간 칸 + 까닭 · 바꿀 때 엔진 식을 식덮개로(같은 자리 상수 · 표값 · 품 덮개 걷음) · 빈 칸 · M01 식 = 풂 · 더한줄 수량식(율 · 로직 줄 뺌)
- 변수 줄 — [+ 변수 줄] · 이름 · 식 · 값 · 빼기(Formula_Model addVar · editVar · dropVar) · 자리 뒤에 그림
- Sheet — 식 덮개 줄은 품 칸 안 둠 · 숫자 칸 대신 식 칸 · [전체 M01 원래로]에 식 덮개 셈
- Detail — 시트 옵션에 층(scope)만(줄 수 그대로)
- test_790_1 — 식 칸 정적 단언

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-05 17:40:07 +09:00

143 lines
2.6 KiB
CSS

/* M02 단가산출 줄 식 시트(790-1) — 줄 꼴은 부품 상자(calc_row 시트 줄) · 여기는 자리 · 덩이 머리 · 산출서 글만 */
.m02-sks {
container-type: inline-size;
display: flex;
flex-direction: column;
gap: var(--spacing-8);
}
.m02-sks[hidden] {
display: none;
}
.m02-sks__status,
.m02-sks__amount,
.m02-sks__edit,
.m02-sks__cell {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-4);
}
.m02-sks__status {
gap: var(--spacing-12);
}
.m02-sks__amount .ui-text,
.m02-sks__cell .ui-text {
margin: 0;
}
.m02-sks__body {
display: flex;
flex-direction: column;
}
.m02-sks__head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--spacing-8);
margin-top: var(--spacing-12);
padding-bottom: var(--spacing-4);
border-bottom: 1px solid var(--color-border-strong);
}
.m02-sks__head .ui-text {
margin: 0;
font-weight: var(--font-weight-bold);
}
.m02-sks__mid {
display: flex;
flex-direction: column;
gap: var(--spacing-4);
min-width: 0;
}
.m02-sks__mid .ui-calc-formula {
overflow-wrap: anywhere;
}
.m02-sks__cell .ui-field {
width: 8em;
}
.m02-sks__paper {
margin: 0;
padding: var(--spacing-4) var(--spacing-8);
color: var(--color-text-body);
font-size: var(--text-body-sm);
font-variant-numeric: tabular-nums;
overflow-wrap: anywhere;
}
.m02-sks__paper--sum {
font-weight: var(--font-weight-bold);
border-bottom: 1px solid var(--color-border);
}
.m02-sks__paper[data-paper="머리"] {
margin-top: var(--spacing-8);
color: var(--color-text-secondary);
}
/* 790-3 숫자 넓힘 — 식 속 숫자 · 표 값 칸 · 까닭 · 글 줄 */
.m02-sks__formula,
.m02-sks__find {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-4);
font-size: var(--text-body-sm);
font-weight: var(--font-weight-regular);
color: var(--color-text-body);
font-variant-numeric: tabular-nums;
}
.m02-sks__frag {
white-space: pre-wrap;
overflow-wrap: anywhere;
}
.m02-sks__num {
width: 6.5em;
}
.m02-sks__num[data-cover] {
outline: 2px solid var(--color-warning);
border-radius: var(--radius-sm);
}
.m02-sks__reason .ui-field {
width: min(24em, 100%);
}
.m02-sks__note .ui-field {
width: 100%;
}
.m02-sks__paper--note {
color: var(--color-text-secondary);
font-style: italic;
}
/* 792 식 칸 — 칸 + 검사 알림 한 줄 */
.m02-sks__fx {
display: flex;
flex-direction: column;
gap: var(--spacing-4);
min-width: 0;
}
.m02-sks__fx .ui-field {
width: 100%;
}
.m02-sks__fx .ui-text:empty {
display: none;
}