- 흐름도 · 원문 = 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
61 lines
1010 B
CSS
61 lines
1010 B
CSS
/* 로직 상세 오른쪽 두 패널 — 흐름도 · 원문 · 공용 접기 카드(접힌 카드 = 제목 행) */
|
|
.m01lab-side {
|
|
min-width: 0;
|
|
}
|
|
|
|
.m01lab-side__card,
|
|
.m01lab-side__slot {
|
|
min-width: 0;
|
|
}
|
|
|
|
/* 카드 제목 행이 접기 단추 — 흐름도 패널 자체 접기 단추 · 테두리는 뺌 */
|
|
.m01lab-side .m02-dfp__toggle {
|
|
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 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
min-width: 0;
|
|
max-height: 80vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
.m01lab-src__head {
|
|
margin: var(--spacing-8) 0 0;
|
|
}
|
|
|
|
.m01lab-src__p {
|
|
margin: 0;
|
|
white-space: pre-wrap;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.m01lab-src__file {
|
|
margin: 0;
|
|
font-size: var(--text-body-sm);
|
|
word-break: break-all;
|
|
}
|
|
|
|
.m01lab-src__none {
|
|
margin: 0;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.m01lab-src__table td {
|
|
white-space: nowrap;
|
|
}
|