eomsangdonandClaude Opus 5.5
ca98d9799e
- 모달 「조합 연결」 칸 = 그 측점 모든 시설 칸(집계 응답 facilities) · 연결된 칸만 [연결 끊기] - 끊기 = 확인 창 → link 길에 null(그 칸만 비움 · 판 +1 · 노선 지문 그대로) · 사본 맞춤 안 부름(사본 폴더 그대로) - B05/B06 초안이면 막고 알림 · 끊은 뒤 다시 셈(「· 미연결」) - [선택] · [연결 끊기] = ghost 기본 크기(모달 [닫기] 같은 양식) - 시험 test_156_1_b08_unlink Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01STqEqztUthVFBmEP18wBSz
77 lines
1.7 KiB
CSS
77 lines
1.7 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__buttons {
|
|
display: flex;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.b08-link__state {
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.b08-link__state.is-missing {
|
|
color: var(--color-danger);
|
|
}
|