fix(M02): 좌측 패널 공용 틀 M01 과 맞춤
- ui_template_overlay.css 에 ui-sidebar-panel · ui-sidebar-card · ui-sidebar-list · ui-sidebar-row 공용 클래스 추가 - M01·M02 좌측 코드가 공용 클래스를 씀 — 카드 여백·둥글기·바탕 · 목록 간격 · 줄 선택 표시 한 벌 - M02 좌측 전용 CSS 중복 규칙 제거(없는 토큰 --radius-md 로 둥글기 안 먹던 것도 해소) - M02 표/도면/구조물 카드 처음 접힘으로 M01 과 맞춤 · 새로·본떠·지우기 단추 줄 카드 안으로 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01K7JS47SacjPxZ718QsZKyr
This commit is contained in:
@@ -173,7 +173,7 @@ export function buildSide(
|
||||
/** 트리 줄 — 부모는 접기/펴기 · 누를 일이 있는 줄만 밝게 */
|
||||
const make: MakeRow = (node, caret, depth, onClick) => {
|
||||
const button = el("button", {
|
||||
className: "m01-side__item",
|
||||
className: "m01-side__item ui-sidebar-row",
|
||||
attrs: { type: "button" },
|
||||
children: [
|
||||
el("span", {
|
||||
@@ -407,7 +407,7 @@ ${first.file}`
|
||||
|
||||
const section = (title: string, body: HTMLElement | null): HTMLElement =>
|
||||
el("section", {
|
||||
className: "m01-side__group ui-collapsible ui-sidebar-section is-collapsed",
|
||||
className: "m01-side__group ui-collapsible ui-sidebar-section ui-sidebar-card is-collapsed",
|
||||
children: [
|
||||
el("h3", { className: "ui-collapsible__title", text: title }),
|
||||
...(body ? [body] : []),
|
||||
@@ -415,7 +415,9 @@ ${first.file}`
|
||||
});
|
||||
|
||||
const groups = GROUPS.map((group) => {
|
||||
const body = LEAF.includes(group) ? null : el("div", { className: "m01-side__items" });
|
||||
const body = LEAF.includes(group)
|
||||
? null
|
||||
: el("div", { className: "m01-side__items ui-sidebar-list" });
|
||||
if (body) bodies.set(group, body);
|
||||
const root = section(L(GROUP_TITLE[group]), body);
|
||||
if (!body) {
|
||||
@@ -442,7 +444,7 @@ ${first.file}`
|
||||
return root;
|
||||
});
|
||||
|
||||
const logicHost = el("div", { className: "m01-side__items" });
|
||||
const logicHost = el("div", { className: "m01-side__items ui-sidebar-list" });
|
||||
const logic = section(tx("Lab_Title"), logicHost);
|
||||
logic.querySelector(".ui-collapsible__title")?.addEventListener("click", () => {
|
||||
if (!logic.classList.contains("is-collapsed")) return; // 닫을 때는 그대로 둠
|
||||
@@ -450,7 +452,7 @@ ${first.file}`
|
||||
onLogic();
|
||||
});
|
||||
|
||||
const comboHost = el("div", { className: "m01-side__items" });
|
||||
const comboHost = el("div", { className: "m01-side__items ui-sidebar-list" });
|
||||
const combo = section(tc("Title"), comboHost);
|
||||
combo.querySelector(".ui-collapsible__title")?.addEventListener("click", () => {
|
||||
if (!combo.classList.contains("is-collapsed")) return;
|
||||
@@ -458,7 +460,10 @@ ${first.file}`
|
||||
onCombo();
|
||||
});
|
||||
|
||||
const root = el("div", { className: "m01-side", children: [...groups, logic, combo] });
|
||||
const root = el("div", {
|
||||
className: "m01-side ui-sidebar-panel",
|
||||
children: [...groups, logic, combo],
|
||||
});
|
||||
attachCollapsible(root);
|
||||
void Promise.all(GROUPS.map(refresh)).catch((error) =>
|
||||
showToast(error instanceof Error ? error.message : L("M01_LoadFailed"), "error"),
|
||||
|
||||
Reference in New Issue
Block a user