fix(B06/ui): 손잡이 폭 글자 맞춤·화살표 크기 고정, 리사이저 표시선 경계 정착

- 이름표 손잡이: 화살표·이름표 flex 압축 제외 — 글자를 줄이지 않고 폭이 내용에 맞춰
  늘어난다(B06 '종단/유토곡선' 104px, 화살표 7px 유지)
- B06 토글 아래 테두리를 좌우와 같은 강조색으로 — 외곽선 색 섞임 해소
- B06 리사이저 상시 표시선: 히트 영역 가운데(경계 4px 위) 대신 패널 아래 경계에 정착

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-08-04 19:15:41 +09:00
co-authored by Claude Opus 5
parent c8eeb15b81
commit 344d1fbbb9
2 changed files with 21 additions and 2 deletions
+10 -1
View File
@@ -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);