fix(M02): 단추를 공용 기본 단추로 · 알약 꼴은 진짜 알약에만

- 공용 작은 단추(ui-btn--sm) 모서리 8px → 4px — 낮은 키에 8px 이면 알약 꼴
- 층 단추 · 고르기 창 출처 단추 · 나무 「+」 = createButton(켜짐 filled · 나머지 ghost) · 전용 단추 꼴 CSS 지움
- 데이터 흐름 입력 패널 갈래 · 방식 단추 pill → ghost
- 연결 알약 · 다이어그램 알약 · 칩 · 이름표는 그대로
- 시험: 층 단추 글 찾기 들여쓰기 맞춤 · 화면 시나리오 45-1 추가

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016PSXsvyDxjNmufteN5bqmt
This commit is contained in:
2026-10-05 12:34:10 +09:00
co-authored by Claude Opus 5.5
parent 94bd0d1b9f
commit f5a972d0e7
9 changed files with 104 additions and 71 deletions
@@ -42,28 +42,6 @@
gap: var(--spacing-4);
}
.m02-layers__btn {
padding: var(--spacing-4) var(--spacing-8);
border: 1px solid var(--color-border);
border-radius: var(--radius-buttons);
background: var(--color-surface);
color: var(--color-text);
font: inherit;
font-size: var(--text-body-sm);
cursor: pointer;
}
.m02-layers__btn:hover {
background: var(--color-mist-violet);
}
.m02-layers__btn.is-active {
border-color: var(--color-accent);
background: var(--color-mist-violet);
color: var(--color-accent);
font-weight: 600;
}
/* 층 단추 줄 오른쪽 끝 — 「N개 고름」 · 「+」(PLAN 30-2) */
.m02-tree__tools {
display: inline-flex;
@@ -94,28 +72,6 @@
background: var(--color-mist-violet);
}
/* 층 단추 옆 「+」 — 나무 맨 위 폴더 · 항목 더하기(PLAN 29-6) */
.m02-tree__add {
min-width: 1.75rem;
padding: var(--spacing-4) var(--spacing-8);
border: 1px dashed var(--color-border);
border-radius: var(--radius-buttons);
background: none;
color: var(--color-text-secondary);
font: inherit;
font-weight: 600;
cursor: pointer;
}
.m02-tree__add:hover {
border-color: var(--color-accent);
color: var(--color-accent);
}
.m02-tree__add[hidden] {
display: none;
}
/* 남의 회사 「개인」 사람 나무 — 고른 사람 줄 아래 그 사람 라이브러리(PLAN 29-6) */
.m02-people__panel {
padding-left: var(--spacing-16);