Files
Aislo/M02_MasterTemplete/M02_MasterTemplete_Sangeun_Sheet.css
T
eomsangdonandClaude Opus 5.5 93b13e975f feat(790-3): 단가산출 시트 숫자 넓힘 화면 — 식 속 상수 · 표값 칸 · 글 줄 · 까닭 · M01 원래로 · M01 바뀜
- 새 M02_MasterTemplete_Sangeun_SheetEdit.ts — 790-2 셈 답 시트.자리 를 칸으로: 식 속 숫자 = 상수 덮개(식 모양 그대로 · 옵션 따라감) · 표 꼬리표 값 = 표값 덮개(「표 연결 끊김」) · 글 줄 더함 · 고침 · 지움(줄마다 [+ 글] · 근거 머리 [+ 근거 글]) · 까닭 칸(고친 줄 · 뺀 줄 · 더한 줄) · [M01 원래로] 줄마다 · 상태줄 전체 · 「M01 바뀜」 배지 · 짝잃음 띠
- Sheet_Model — 식 조각(서버 scan 숫자 · 표 찾기 차례 · 안 맞으면 칸 안 그림) · 산출서에 글 줄 · 되살린 더한줄 열쇠 밂(liftAddKeys)
- Sheet — 옛 [되돌림] 단추를 [M01 원래로]로 · 더한줄 빼면 까닭 · 글줄 열쇠 당김(dropAddKeys) · 문서 고침 = 캐시 → 서버 셈 · 자동저장 없음
- 더한줄 줄 사이 끼움은 SK 모델에 자리 칸이 없어 덩이 끝 그대로(글 줄만 자리 뒤)
- test_790_1 늘림(정적 단언 + 식 조각 · 글줄 산출서 · 열쇠 밂)

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

127 lines
2.3 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;
}