From 4cb1f30f337c5a7a445c818c878d2685bd977040 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Thu, 6 Aug 2026 18:29:59 +0900 Subject: [PATCH] =?UTF-8?q?fix(ui):=20B04~B06=20=EC=82=AC=EC=9D=B4?= =?UTF-8?q?=EB=93=9C=20=EC=BB=A8=ED=85=8C=EC=9D=B4=EB=84=88=20=EC=99=B8?= =?UTF-8?q?=EA=B3=BD=EC=84=A0=20=EC=9D=BC=EC=9B=90=ED=99=94=20=E2=80=94=20?= =?UTF-8?q?=EB=A1=9C=EC=BB=AC=20border=EA=B0=80=20=EA=B3=B5=ED=86=B5=20?= =?UTF-8?q?=EC=83=89=20=EB=8D=AE=EB=8D=98=20=EB=AC=B8=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 직전 커밋(673487c)의 시인성 개선이 B07에만 보이던 원인(2026-08-06 사용자 보고): B04/B05/B06 페이지 CSS가 border 전체 선언(1px solid --color-border)을 갖고 있어, 로드 순서상 공통 클래스(ui-sidebar-section)의 진한 border-color를 덮었다. B07은 로컬 선언이 없어 공통이 그대로 보였던 것. 세 페이지의 로컬 border 선언을 제거해 테두리를 공통 클래스가 전담하도록 일원화. 라운드·패딩·배경 등 형태는 각 페이지에 그대로 둠. 실측: B04·B05·B06 사이드 컨테이너 외곽선 선명 확인, 콘솔 에러 0. Co-Authored-By: Claude Fable 5 --- B04_wf1_Surface/B04_wf1_Surface_UI_Style.css | 4 +++- B05_wf2_Route/B05_wf2_Route_UI_Style.css | 3 ++- B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style.css | 3 ++- 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/B04_wf1_Surface/B04_wf1_Surface_UI_Style.css b/B04_wf1_Surface/B04_wf1_Surface_UI_Style.css index 1ee2142d..7185ad1f 100644 --- a/B04_wf1_Surface/B04_wf1_Surface_UI_Style.css +++ b/B04_wf1_Surface/B04_wf1_Surface_UI_Style.css @@ -21,7 +21,9 @@ gap: var(--spacing-8); margin: 0; padding: var(--spacing-16); - border: 1px solid var(--color-border); + /* 테두리는 공통 ui-sidebar-section(ui_template_overlay.css)이 전담한다 — 여기서 + border 전체 선언을 다시 쓰면 로드 순서상 공통 색(진한 혼합)을 덮어 흐려진다 + (2026-08-06 사용자 보고: B04~B06만 시인성 개선이 안 보이던 원인). */ border-radius: var(--radius-cards); background-color: var(--color-surface-raised); } diff --git a/B05_wf2_Route/B05_wf2_Route_UI_Style.css b/B05_wf2_Route/B05_wf2_Route_UI_Style.css index edecd06c..68896cf5 100644 --- a/B05_wf2_Route/B05_wf2_Route_UI_Style.css +++ b/B05_wf2_Route/B05_wf2_Route_UI_Style.css @@ -224,7 +224,8 @@ min-width: 0; gap: var(--spacing-8); padding: calc(var(--spacing-8) + var(--spacing-4)); - border: 1px solid var(--color-border); + /* 테두리는 공통 ui-sidebar-section이 전담 — 로컬 border 선언이 공통 색을 덮던 + 문제 제거(2026-08-06 사용자 보고). */ border-radius: var(--radius-cards); background: var(--color-surface-raised); } diff --git a/B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style.css b/B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style.css index 4b60516b..ed86e06a 100644 --- a/B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style.css +++ b/B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style.css @@ -37,7 +37,8 @@ gap: var(--spacing-16); margin: 0; padding: var(--spacing-16); - border: 1px solid var(--color-border); + /* 테두리는 공통 ui-sidebar-section이 전담 — 로컬 border 선언이 공통 색을 덮던 + 문제 제거(2026-08-06 사용자 보고). */ border-radius: var(--radius-cards); background-color: var(--color-surface-raised); }