Files
Aislo/M01_MasterData/M01_MasterData_UI_LogicLab_Formula.css
T
eomsangdonandClaude Sonnet 5.5 0c0d0ce629 feat(748-2): 텍스트 수식 — 행 고르기 걷음 · 변수 이름 · 값 하나하나 누르면 줄 모달(748-1) · 줄마다 옵션 값 칩 걷음(748-3 한 조각)
- 텍스트 수식 줄 hover · 누름 고정(행 단위 선택) 걷음
- 변수 이름 식 = 변수 이름마다 낮은 단추 · 값 든 식 = 수 하나하나 낮은 단추 → 같은 줄의 상세 모달(적용 · 삭제 · 닫기)
- 변수가 시험 입력(옵션)이면 옵션 고르기 칩으로
- 공용 상세 `lineOpener` 새로 — M02 SK 상세 · M01 단가산출 기초 같은 길(M01 = 시험 고침 고리)
- 상세 보기 줄마다 붙던 옵션 값 칩(`쓰는입력`) 걷음 — 위 옵션 칸이 대신(748-3)
- 새 파일 `LogicLab_FormulaTokens`(조각 나누기 순수 셈) · 시험 test_748_2 · 낡은 시험 고침 test_722(inputChip 줄 걷음)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
2026-11-02 22:15:33 +09:00

58 lines
1.1 KiB
CSS

/* M01 로직 개선 시험 — 텍스트 수식 두 칸(왼쪽 이름 식 · 오른쪽 값 식) */
.m01lab-fx {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: var(--spacing-12);
min-width: 0;
}
.m01lab-fx__head,
.m01lab-fx__row {
display: grid;
grid-template-columns: subgrid;
grid-column: 1 / -1;
}
.m01lab-fx__head {
padding-bottom: var(--spacing-4);
border-bottom: 1px solid var(--color-border);
}
.m01lab-fx__wide {
grid-column: 1 / -1;
}
/* 748-2 한 줄 = 변수 이름 · 값을 하나하나 누름(행 고르기 없음) */
.m01lab-fx__toks,
.m01lab-fx__val {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-4);
}
.m01lab-fx__cell {
min-width: 0;
padding: var(--spacing-4);
}
/* 714-3 줄이 쓰는 입력 — 누르면 그 자리 고르기/글 칸 */
.m01lab-fx__vars {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-4);
margin-top: var(--spacing-4);
}
.m01lab-fx__var .ui-field {
min-width: 6rem;
}
@media (max-width: 600px) {
.m01lab-fx,
.m01lab-fx__head,
.m01lab-fx__row {
grid-template-columns: minmax(0, 1fr);
}
}