eomsangdonandClaude Opus 5.5
9d5694371f
- 공용 표 cellClass 옵션 하나(칸 class · 안 주면 같은 글) - B09: TabTable cellClass · choices → Shell 이 넘김 · 누른 칸 아래 B09 메뉴 한 벌(openMenuAt · 우클릭 메뉴와 공유) - 대비표: 적용 단가 칸 누름 = 값 있는 출처 · 견적 · 최저(자동) → pick(옛 수기 applied 지움) · 수기 적용 칸 · 출처 칸 돌림 없앰 · 적용 출처 단가 칸 is-picked 강조(테마 토큰) - 셈 · 저장 그대로(pick › applied › 최저 짝) - 시험: test_183_3_b09_applied_pick Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01SE9MxeXTu2uaDZ55BJowAY
52 lines
1.5 KiB
CSS
52 lines
1.5 KiB
CSS
/* B09 원가계산 — 탭 줄 · 안내 글. 색은 테마 변수만(밝음 · 어두움 같이). */
|
|
|
|
.b09-estimation {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
padding: var(--spacing-16) var(--spacing-24); /* B08 본문과 같은 값 */
|
|
}
|
|
|
|
.b09-estimation .ui-general-block__empty,
|
|
.b09-estimation__hint {
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.b09-estimation__hint {
|
|
margin: 0 0 var(--spacing-8);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.b09-estimation__tabs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4);
|
|
padding-bottom: var(--spacing-8);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
|
|
/* 표 머리 — 좁은 열에서 말줄임 대신 줄바꿈 */
|
|
[data-b09-table] thead th {
|
|
white-space: normal;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
/* 171-3 묶음 탭 머리 — 안내 글 + 보기 단추 */
|
|
.b09-estimation__bar {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
/* 166-2 설계내역서 손 줄 — 사용자가 더한 줄 표시(왼쪽 띠) */
|
|
.b09-estimation .ui-data-table__table tbody tr.is-hand td:first-child {
|
|
background-image: linear-gradient(to right, var(--color-primary) 3px, transparent 3px);
|
|
}
|
|
|
|
/* 183-3 자재단가대비표 — 적용 단가를 낸 출처 단가 칸(고른 출처 · 기본 최저) */
|
|
.b09-estimation .ui-data-table__table tbody td.is-picked {
|
|
background: color-mix(in srgb, var(--color-accent) 22%, var(--color-canvas));
|
|
font-weight: var(--font-weight-bold);
|
|
}
|