Files
Aislo/M01_MasterData/M01_MasterData_UI_LogicLab_Side.css
eomsangdonandClaude Sonnet 5.5 ad9a50c584 feat(813-0b): 원문 패널 — 제목 한 줄로 통합 · 표 글자 16
- 제목 = 책 부문 + 절 번호 + 절 제목(개정 꼬리 포함) 한 줄 · 본문 안 원문 제목 줄은 화면에서만 숨김(절 여럿이면 절마다 번호 이름 줄)
- 기초 찾기로 고른 뒤 남던 작은 글 줄 지움
- 표 머리 · 칸 글자 = 본문과 같은 --text-body(16) · [주] 는 14 그대로

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
2026-11-09 20:43:15 +09:00

82 lines
2.0 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;
}