From 344d1fbbb984d4f57578a4e400e6a1b577b42fe2 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Tue, 4 Aug 2026 19:15:41 +0900 Subject: [PATCH] =?UTF-8?q?fix(B06/ui):=20=EC=86=90=EC=9E=A1=EC=9D=B4=20?= =?UTF-8?q?=ED=8F=AD=20=EA=B8=80=EC=9E=90=20=EB=A7=9E=EC=B6=A4=C2=B7?= =?UTF-8?q?=ED=99=94=EC=82=B4=ED=91=9C=20=ED=81=AC=EA=B8=B0=20=EA=B3=A0?= =?UTF-8?q?=EC=A0=95,=20=EB=A6=AC=EC=82=AC=EC=9D=B4=EC=A0=80=20=ED=91=9C?= =?UTF-8?q?=EC=8B=9C=EC=84=A0=20=EA=B2=BD=EA=B3=84=20=EC=A0=95=EC=B0=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 이름표 손잡이: 화살표·이름표 flex 압축 제외 — 글자를 줄이지 않고 폭이 내용에 맞춰 늘어난다(B06 '종단/유토곡선' 104px, 화살표 7px 유지) - B06 토글 아래 테두리를 좌우와 같은 강조색으로 — 외곽선 색 섞임 해소 - B06 리사이저 상시 표시선: 히트 영역 가운데(경계 4px 위) 대신 패널 아래 경계에 정착 Co-Authored-By: Claude Opus 5 (1M context) --- .../B06_wf3_ProfileCross_UI_Style_Cross.css | 12 +++++++++++- ui_template/ui_template_overlay.css | 11 ++++++++++- 2 files changed, 21 insertions(+), 2 deletions(-) diff --git a/B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style_Cross.css b/B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style_Cross.css index 958a1b93..ad7c6d97 100644 --- a/B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style_Cross.css +++ b/B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style_Cross.css @@ -80,6 +80,15 @@ height: 8px; } +/* 상시 표시선은 히트 영역 가운데가 아니라 **패널 아래 경계**에 정확히 붙인다 — + 이 리사이저는 히트 영역이 패널 안쪽(bottom 0~8px)에 있어 가운데 정렬이면 표시선이 + 경계에서 4px 위(요약 막대 위)로 넘어간다(2026-08-04 사용자 지적). */ +.b06-section__panel > .ui-resizer--vertical::before { + top: auto; + bottom: 0; + transform: none; +} + /* position: relative — 유토곡선 범례가 이 상자를 기준으로 우측 상단에 겹친다. */ .b06-section__panel-body { position: relative; @@ -121,7 +130,8 @@ top: auto; bottom: calc(-1 * var(--spacing-24)); border-top: 0; - border-bottom: 1px solid var(--color-border); + /* 아래 테두리도 좌우와 같은 강조색 — 색이 섞이면 외곽선이 틀어져 보인다(2026-08-04). */ + border-bottom: 1px solid var(--panel-handle-border, var(--color-border)); border-radius: 0 0 var(--radius-buttons) var(--radius-buttons); } diff --git a/ui_template/ui_template_overlay.css b/ui_template/ui_template_overlay.css index 763dc2b6..d642a56c 100644 --- a/ui_template/ui_template_overlay.css +++ b/ui_template/ui_template_overlay.css @@ -105,7 +105,8 @@ transition: transform var(--transition-fast); } -/* 이름표 달린 손잡이 — 화살표+텍스트를 나란히 담도록 고정 폭을 푼다. */ +/* 이름표 달린 손잡이 — 화살표+텍스트를 나란히 담도록 고정 폭을 푼다. + 화살표(삼각형)는 flex 압축에서 제외해 이름표 유무와 무관하게 같은 크기를 유지한다. */ .ui-workflow-overlay__handle.is-labeled { display: flex; gap: var(--spacing-4); @@ -113,6 +114,14 @@ justify-content: center; } +.ui-workflow-overlay__handle.is-labeled .ui-workflow-overlay__handle-icon { + flex: none; +} + +.ui-workflow-overlay__handle.is-labeled .ui-workflow-overlay__handle-label { + flex: none; +} + .ui-workflow-overlay__handle-label { color: var(--color-text-secondary); font-size: var(--text-caption);