- 셈 구동 떼기: 새 M01_MasterData_UI_Logic_Drive.ts(driveRun · previewText · autoFill · createDrive) — M01 상세는 숨은 시험 계산 칸 단추 대신 구동 함수 · 시험 계산 칸(Logic_Calc)은 로직 복사 화면이 쓰므로 남기고 같은 구동을 부름 · 재료 고름은 rerun 고리 - M02: 새 _Sangeun_Tabs.ts(수식 · 단가산출 상세 보기 고르기) · Detail 의 시험 계산 · 인력/재료/경비 걷음 - 걷은 파일(git rm): M01 LogicLab_Sheet · Logic_Sheet_Model · LogicLab_Formula(.ts .css) · FormulaTokens · LogicLab_Est / M02 Sangeun_Sheet(.ts .css) · SheetEdit · SheetFormula · logic Sheet_Model · Const_Model · Formula_Model · 부품 시트 줄(createCalcSheetRow) · Cover_Model.sheetGroups · Calc 의 M02 고리(answer · shown · held) · 죽은 CSS · 글 - 서버 길 · 문서 칸(변수줄 · 글줄 · 덮개)은 남김 — 금액 그대로 - 낡은 시험: test_790_1(시트 화면 전부) · test_714_3 · test_748_2(+ helper)는 화면이 없어져 지움 · test_794_1 · test_790_2 는 화면 · TS 거울만 덜고 서버 시험 남김 · test_714_2 · 717_2b · 721 · 722(원래 틀린 한 줄 고침) · 734 · 737 · 750_2 · 793_3b · 796_2 · 796_2b 는 보기 둘 · 새 파일에 맞춤 · 새 test_799_2_old_tabs_gone Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
84 lines
1.9 KiB
CSS
84 lines
1.9 KiB
CSS
/* 계산 줄(557-2) — 이름 | 값 112 | 덧칸 · 식 줄 = 이름 | 식 | 값 112 · 테두리는 입력 · 고르기 부품만 */
|
|
.ui-calc-row {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) 112px minmax(0, 0.8fr);
|
|
align-items: center;
|
|
gap: var(--spacing-8);
|
|
min-height: var(--control-height-sm);
|
|
}
|
|
|
|
.ui-calc-row--formula {
|
|
grid-template-columns: max-content minmax(0, 1fr) 112px;
|
|
}
|
|
|
|
.ui-calc-row__label {
|
|
margin: 0;
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.ui-calc-row__label--select {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.ui-calc-formula {
|
|
margin: 0 0 0 var(--spacing-8);
|
|
font-size: var(--text-body-sm);
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.ui-calc-row .ui-calc-formula {
|
|
margin: 0;
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.ui-calc-row__hint {
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
/* 계산 칸 — 테두리 없이 글자만 · 숫자 자리 맞춤 */
|
|
.ui-calc-row__out,
|
|
.ui-calc-row__value {
|
|
padding: 0 var(--spacing-8);
|
|
color: var(--color-text-body);
|
|
font-variant-numeric: tabular-nums;
|
|
text-align: right;
|
|
}
|
|
|
|
.ui-calc-row__value {
|
|
text-align: left;
|
|
font-weight: var(--font-weight-medium);
|
|
}
|
|
|
|
.ui-calc-row__out.is-key {
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
|
|
.ui-calc-row__in {
|
|
width: 100%;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
text-align: right;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* 줄에 바로 놓인 고르기는 값 칸 + 덧칸 — 선택지 글이 안 잘리게 */
|
|
.ui-calc-row > .ui-calc-row__select {
|
|
grid-column: 2 / 4;
|
|
justify-self: start;
|
|
width: auto;
|
|
}
|
|
|
|
/* 식 칸에 놓인 입력(하상경사 1 / ☐)은 값 칸 폭 */
|
|
.ui-calc-row--formula > .ui-calc-row__in:nth-child(2) {
|
|
justify-self: start;
|
|
width: 112px;
|
|
}
|
|
|
|
/* 숨김 — display 가 [hidden] 을 덮지 않게(공용 기본 꼴이 안 실린 곳 · 페이지 꾸밈 위에서도) */
|
|
:is(.ui-calc-row, .ui-calc-row__label--select)[hidden] {
|
|
display: none !important;
|
|
}
|