From 527e68db858c11940f18d0772177a6f1076b8c7d Mon Sep 17 00:00:00 2001 From: umsangdon Date: Mon, 28 Sep 2026 20:59:06 +0900 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=EA=B3=B5=EC=9A=A9=20=EC=B0=BD=20?= =?UTF-8?q?=ED=8B=80=20=EB=92=A4=EB=A5=BC=20=EC=96=B4=EB=91=A1=EA=B2=8C=20?= =?UTF-8?q?=C2=B7=20=EC=B0=BD=20=EA=B7=B8=EB=A6=BC=EC=9E=90=20=C2=B7=20?= =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=ED=98=95=EC=8B=9D=20=EC=B9=B8=20=ED=9D=90?= =?UTF-8?q?=EB=A6=B0=20=EA=B8=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ui-modal 뒤 배경을 공용 확인 창처럼 어둡게 가리고 창에 테두리와 테마 그림자(--shadow-lg)를 줌 — 창이 겹치면 앞 창이 또렷이 섬 - M01 LogicLab 창(.m01-logic__backdrop · .m01-logic__pick) 도 같은 겉모양으로 맞춤 - 단추 아래 뜨는 작도 영역 작은 창(.m02-pop)은 뒤를 가리지 않음 - 스프레드시트 도구 막대 표시 형식 입력 칸에 흐린 글 「표시 형식」 Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_019Kyw9qnkJ94pC1A4PfpDtA --- A00_Common/spreadsheet/spreadsheet_text.ts | 1 + A00_Common/spreadsheet/spreadsheet_toolbar.ts | 1 + M01_MasterData/M01_MasterData_UI_Logic_Style.css | 4 +++- M02_MasterTemplete/M02_MasterTemplete_Drawing.css | 1 + ui_template/ui_template_modal.css | 4 +++- 5 files changed, 9 insertions(+), 2 deletions(-) diff --git a/A00_Common/spreadsheet/spreadsheet_text.ts b/A00_Common/spreadsheet/spreadsheet_text.ts index a4230d36..29d5b1da 100644 --- a/A00_Common/spreadsheet/spreadsheet_text.ts +++ b/A00_Common/spreadsheet/spreadsheet_text.ts @@ -58,6 +58,7 @@ const TEXT = { NumberFormat_percent: ["백분율 0%", "Percent"], NumberFormat_accounting: ["회계", "Accounting"], NumberFormat_text: ["글자 @", "Text"], + NumberFormat_placeholder: ["표시 형식", "Display format"], NumberFormat_hint: [ "이름 골라 쓰거나 엑셀 형식 코드를 바로 침", "Pick a preset or type an Excel format code", diff --git a/A00_Common/spreadsheet/spreadsheet_toolbar.ts b/A00_Common/spreadsheet/spreadsheet_toolbar.ts index 3518e51e..e736c526 100644 --- a/A00_Common/spreadsheet/spreadsheet_toolbar.ts +++ b/A00_Common/spreadsheet/spreadsheet_toolbar.ts @@ -356,6 +356,7 @@ export function mountToolbar(ctx: SpreadsheetContext): PartHandle { list: "ss-toolbar-numfmt", "aria-label": st("NumberFormat"), title: st("NumberFormat_hint"), + placeholder: st("NumberFormat_placeholder"), }, }) as HTMLInputElement; const numfmtList = el("datalist", { diff --git a/M01_MasterData/M01_MasterData_UI_Logic_Style.css b/M01_MasterData/M01_MasterData_UI_Logic_Style.css index 5dac8ba0..ee37c395 100644 --- a/M01_MasterData/M01_MasterData_UI_Logic_Style.css +++ b/M01_MasterData/M01_MasterData_UI_Logic_Style.css @@ -310,7 +310,7 @@ display: flex; align-items: center; justify-content: center; - background: transparent; + background-color: rgba(38, 17, 74, 0.35); /* 공용 창 틀과 같이 뒤를 가림 */ } .m01-logic__pick { @@ -321,7 +321,9 @@ max-height: 80vh; padding: var(--spacing-16); border-radius: var(--radius-xl); + border: 1px solid var(--color-border); background: var(--color-surface-raised); + box-shadow: var(--shadow-lg); font-size: var(--text-body-sm); } diff --git a/M02_MasterTemplete/M02_MasterTemplete_Drawing.css b/M02_MasterTemplete/M02_MasterTemplete_Drawing.css index d6b91d2b..8a1b99c8 100644 --- a/M02_MasterTemplete/M02_MasterTemplete_Drawing.css +++ b/M02_MasterTemplete/M02_MasterTemplete_Drawing.css @@ -76,6 +76,7 @@ .m02-pop { display: block; + background-color: transparent; /* 단추 아래 뜨는 작은 창 — 뒤를 가리지 않음 */ } .m02-pop > .ui-modal { diff --git a/ui_template/ui_template_modal.css b/ui_template/ui_template_modal.css index 9251175d..8d777e89 100644 --- a/ui_template/ui_template_modal.css +++ b/ui_template/ui_template_modal.css @@ -5,7 +5,7 @@ display: flex; align-items: center; justify-content: center; - background: transparent; + background-color: rgba(38, 17, 74, 0.35); /* 공용 확인 창(.ui-confirm)과 같이 뒤를 가림 */ } .ui-modal { @@ -16,7 +16,9 @@ max-height: 80vh; padding: var(--spacing-16); border-radius: var(--radius-xl); + border: 1px solid var(--color-border); background: var(--color-surface-raised); + box-shadow: var(--shadow-lg); font-size: var(--text-body-sm); overflow: auto; }