eomsangdonandClaude Opus 5.5
277311955b
- 새 ui_template_context_menu.css(.ui-ctx-menu) — 지도 · 표 메뉴와 나무 메뉴가 같은 클래스 · 자리 · z 는 :where 로 페이지가 덮어씀 - 페이지 CSS 4 벌(스프레드시트 · B04 지도 · B05 배수 · 종단)과 나무 메뉴 CSS 의 모양 줄 지움 — 자리 · z 만 남김 - 상태줄 통계 메뉴 흠(CSS 없음) — 공용 클래스 + .ss-statusbar 기준 자리 - 나무 메뉴가 지도 · 표 메뉴 장부에 등록(enterMenu · leaveMenu) - 조건 만들기 — 가로채기 지움 · 칸 메뉴가 있으면 그 끝 한 줄(ctx.cellMenuExtra) · 없으면(미리보기 편집기) 같은 공용 메뉴에 이 줄만 (PLAN 39-9b) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01UoSr2sqvYtBf1dtQdus88s
64 lines
1.5 KiB
CSS
64 lines
1.5 KiB
CSS
/* 공용 나무 보기 — 줄 모양은 공용 ui-sidebar-row(ui_template_overlay.css) ·
|
||
* 탐색기 모양(들여쓰기 안내선 · 접기 화살 · 폴더/항목 아이콘 · 폴더 굵게 · 고른 줄 배경) */
|
||
.ui-tree__kids {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
}
|
||
|
||
/* 들여쓰기 안내선 — 부모 줄 화살 한가운데에서 자식 끝까지(줄 들임 = spacing-8 + 깊이 × spacing-16) */
|
||
.ui-tree__kids::before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: calc(var(--spacing-8) + var(--tree-depth, 0) * var(--spacing-16) + var(--spacing-12) / 2);
|
||
border-left: 1px solid var(--color-border);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.ui-tree__label {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
min-width: 0;
|
||
}
|
||
|
||
.ui-tree__icon {
|
||
display: inline-flex;
|
||
flex: none;
|
||
margin-right: var(--spacing-4);
|
||
color: var(--color-text-secondary);
|
||
}
|
||
|
||
.ui-tree__row.is-branch .ui-tree__label {
|
||
font-weight: 600;
|
||
}
|
||
|
||
.ui-tree__row.is-active .ui-tree__icon {
|
||
color: inherit;
|
||
}
|
||
|
||
.ui-tree__branch {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
}
|
||
|
||
.ui-tree__caret {
|
||
display: inline-block;
|
||
width: var(--spacing-12);
|
||
color: var(--color-text-secondary);
|
||
}
|
||
|
||
.ui-tree__count {
|
||
color: var(--color-text-secondary);
|
||
font-size: var(--text-caption);
|
||
}
|
||
|
||
/* 오른쪽 클릭 메뉴 — 모달(z-index 1000) 위 · 모양은 공용 `.ui-ctx-menu`(ui_template_context_menu.css) */
|
||
.ui-tree__menu {
|
||
position: fixed;
|
||
z-index: 1100;
|
||
}
|