fix(M01): 로직 상세 오른쪽 두 패널 공용 접기 카드로 — 제목 행 누름 · 캐럿 · 하나만 열림

- 흐름도 · 원문 = ui-collapsible 카드(M02 면적산출 오른쪽 패널 꼴) · attachCollapsible 토글 위에 하나만 열림 규칙
- 따로 만든 원문 토글 단추 · 얇은 띠 제거 · 흐름도 패널 자체 접기 단추는 M01 에서 숨김
- 둘 다 접힘 = 제목 행 둘(칸 140px) · 취향 기억(m01-logic-panel) 그대로
- 44-4 화면 시험 카드 꼴로 고침

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NPJGtfXo6GMbcpiboQC4uK
This commit is contained in:
2026-10-05 12:25:12 +09:00
co-authored by Claude Opus 5.5
parent 8990729a6d
commit 1ca99ed3ae
3 changed files with 74 additions and 54 deletions
@@ -1,22 +1,28 @@
/* 로직 상세 오른쪽 두 패널 — 흐름도 · 원문 · 접힌 패널은 얇은 띠 */
/* 로직 상세 오른쪽 두 패널 — 흐름도 · 원문 · 공용 접기 카드(접힌 카드 = 제목 행) */
.m01lab-side {
display: flex;
align-items: stretch;
min-width: 0;
}
.m01lab-side__card,
.m01lab-side__slot {
flex: 0 0 40px;
min-width: 0;
}
.m01lab-side__slot.is-open {
flex: 1 1 auto;
/* 카드 제목 행이 접기 단추 — 흐름도 패널 자체 접기 단추 · 테두리는 뺌 */
.m01lab-side .m02-dfp__toggle {
display: none;
}
/* 접힌 흐름도 자리 — 띠만(기다림 글 · 변환 알림은 숨김) */
.m01lab-side__slot:not(.is-open) > :not(.m01lab-flow__panel, .m01lab-src) {
display: none;
.m01lab-side .m02-dfp {
border-left: 0;
background: none;
}
.m01lab-src {
display: flex;
flex-direction: column;
gap: var(--spacing-8);
min-width: 0;
}
.m01lab-src__body {