Files
Aislo/B08_Quantity/B08_Quantity_UI_Drawing.css
T
eomsangdonandClaude Opus 5.5 266d003ce7 feat(B08): 미연결 구조물 바로 연결 — 고르기 모달 → 그 칸만 저장 → 다시 셈(154-2)
- 새 서버 길 PUT /api/projects/{id}/items/{사본 id}/link — 그 시설 조합 칸 하나만 정본에
  (관 지점 = pipe_points.json 노선 지문 그대로 · 박스/관 facility 로 가름 · 구조물 = 판번호 +1) → safe_sync
- 구조물도 모달 맨 위 「조합 연결」 칸(새 B08_Quantity_UI_Link) — 칸마다 연결 여부 · [선택]
- B05/B06 세션 초안(구조물 · 관) 있으면 막고 「B05 · B06 [저장] 먼저」 알림 · 저장 뒤 탭 몸통 새로 그림
- 공용 창구 projectItems().link 추가 · 새 시험 test_154_2

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01STqEqztUthVFBmEP18wBSz
2026-10-09 19:11:16 +09:00

72 lines
1.6 KiB
CSS

/* B08 구조물도 모달(PLAN 95-3) — 조합마다 카드 둘(도면 · 면적산출). 색은 테마 변수만. */
/* 큰 창 — 공용 모달 css 는 그대로 두고 자기 class 로 */
.ui-modal.b08-sheets {
width: min(1320px, 96vw);
--modal-max: 94vh;
}
.b08-sheets .ui-modal__body {
gap: var(--spacing-24);
}
.b08-sheets__combo {
display: flex;
flex-direction: column;
gap: var(--spacing-8);
}
.b08-sheets__title {
display: flex;
align-items: baseline;
gap: var(--spacing-8);
margin: 0;
font-size: var(--text-body);
color: var(--color-text);
}
.b08-sheets__from {
font-size: var(--text-caption);
font-weight: var(--font-weight-regular);
color: var(--color-text-secondary);
}
/* M02 에 없는 조합 안내 — 빨간 글 */
.b08-sheets__combo > .ui-general-block__empty {
color: var(--color-danger);
}
/* M02 카드 칸은 셋(도면 · 일위대가 · 면적산출) — 여기는 둘 · 도면을 넓게 */
.b08-sheets .m02-struct {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
@media (max-width: 960px) {
.b08-sheets .m02-struct {
grid-template-columns: minmax(0, 1fr);
}
}
/* 「조합 연결」 칸(154-2) — 시설 이름 · 칸 줄(이름 · 연결 여부 · [선택]) */
.b08-link__facility {
margin: 0;
font-weight: var(--font-weight-semibold);
color: var(--color-text);
}
.b08-link__slot {
display: grid;
grid-template-columns: minmax(120px, 200px) 1fr auto;
align-items: center;
gap: var(--spacing-8);
padding-left: var(--spacing-16);
}
.b08-link__state {
color: var(--color-text-secondary);
}
.b08-link__state.is-missing {
color: var(--color-danger);
}