eomsangdonandClaude Sonnet 5.5
2d954a14dd
- 서버 원문 조각에서 역슬래시 · 인용 머리 · 글 안 주석 벗김(원본 자료 손 안 댐) - 출처 항 · 주 번호(3-4-2 1 · 9-7-1 주⑥)를 source() 답에 실음 — 그 조각 hit 표시 - 패널이 그 항을 옅은 바탕 + 막대로 강조 · 보이게 스크롤 · 머리에 「1항」 · 「주⑥」 - 시험 3 추가 · 화면 시나리오 50-2 Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01NPJGtfXo6GMbcpiboQC4uK
64 lines
1.3 KiB
CSS
64 lines
1.3 KiB
CSS
/* 로직 상세 오른쪽 두 패널(흐름도 · 원문) — 공용 오른쪽 접는 패널 안 */
|
|
.m01lab-side__slot {
|
|
min-width: 0;
|
|
}
|
|
|
|
/* 접기 · 폭은 공용 패널 몫 — 흐름도 패널 자체 접기 단추 · 끌기 경계 · 테두리는 뺌 */
|
|
.m01lab-side .m02-dfp__toggle,
|
|
.m01lab-side .m02-dfp__grip {
|
|
display: none;
|
|
}
|
|
|
|
.m01lab-side .m02-dfp {
|
|
border-left: 0;
|
|
background: none;
|
|
}
|
|
|
|
/* 원문 꼴 한 벌(M01 · M02 같음) — 둘레 글자 크기(M01 14)를 안 따르고 본문 크기 */
|
|
.m01lab-src {
|
|
font-size: var(--text-body);
|
|
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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 칸 안 줄바꿈(원문 <br>)만 살리고 저절로 접지 않음 */
|
|
.m01lab-src__table td {
|
|
white-space: pre;
|
|
}
|
|
|
|
/* 출처가 가리킨 항 · 주 — 옅은 바탕 + 왼쪽 막대 */
|
|
.m01lab-src__hit {
|
|
background: color-mix(in srgb, var(--color-accent) 14%, transparent);
|
|
box-shadow: -3px 0 0 var(--color-accent);
|
|
}
|