eomsangdonandClaude Sonnet 5.5
5e6037270e
- 새 순수 계산 logic/M01_MasterData_logic_source_notes.ts (서술 줄 가르기 · 줄바꿈 칸 판정) · 원문 글 · 차례 그대로 - 원문 표 2,573 · 폭 420 기준 서술 줄 때문에 넘친 표 138 → 0 · 넘침 1,228 → 1,020 - 시험 test_833_1_source_notes (보기 + 전수 글 보존) Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
98 lines
2.5 KiB
CSS
98 lines
2.5 KiB
CSS
/* 원문 꼴 한 벌(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__top {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.m01lab-src__title {
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow-wrap: anywhere; /* 제목 한 줄이 길면 접음 */
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* [주] 글 — 본문(--text-body)보다 한 단 작게 */
|
|
.m01lab-src__note {
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 표 머리 · 칸 = 본문과 같은 16 — 좁으면 둘레 칸(m01-logic__scroll)이 가로로 굴림 */
|
|
.m01lab-src .m01lab-src__table :is(td, th) {
|
|
font-size: var(--text-body);
|
|
}
|
|
|
|
/* 출처가 가리킨 항 · 주 — 옅은 바탕 + 왼쪽 막대 */
|
|
.m01lab-src__hit {
|
|
background: color-mix(in srgb, var(--color-accent) 14%, transparent);
|
|
box-shadow: -3px 0 0 var(--color-accent);
|
|
}
|
|
|
|
/* 원문 손잡이 = 브라우저 오른쪽 끝(요구 687-17) — 칸을 페이지 오른쪽 여백(로직 칸 12 + 패널 24)만큼 밀어 붙임 · 본문이 그 자리까지 */
|
|
html:not([data-size="compact"], [data-size="medium"]) .m01-master__panel .m01-logic .m01lab-side {
|
|
margin-inline-end: calc(-1 * (var(--spacing-12) + var(--spacing-24)));
|
|
}
|
|
|
|
/* 원문 패널 맨 위 기초 찾기(807-1) — 결과는 패널 몸을 다 먹지 않게 */
|
|
.m01lab-src__find .ui-find__list {
|
|
max-height: 40vh;
|
|
}
|
|
|
|
/* 표 + 표 아래 비고 · [주] 글(833-1) — 글은 패널 폭 그대로 접힘 */
|
|
.m01lab-src__tblwrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
min-width: 0;
|
|
}
|
|
|
|
/* 서술 칸(한 줄 30자 이상) · 한 칸짜리 표 — 접고, 너무 좁게 찌그러지지 않게 */
|
|
.m01lab-src .m01lab-src__table td.m01lab-src__wrapcell {
|
|
white-space: pre-wrap;
|
|
overflow-wrap: anywhere;
|
|
min-width: 14em;
|
|
max-width: 28em;
|
|
}
|