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);