Files
Aislo/B05_Profile/B05_Profile_UI_Style_RouteEdit_ContourLock.css
T
eomsangdonandClaude Opus 5.5 fb94f3d686 feat(평면): 353-2 등고선 하이라이트 자물쇠 — 호버 · 고른 직후 단추 · 누르면 그 높이 고정 · 다시 누르면 풂
- 등고선 위를 지나거나 고른 직후 커서 옆에 자물쇠 단추(캔버스 위 DOM · aria-pressed · 호버 판정 = 집기와 같은 hitPreparedLayer)
- 잠긴 동안 빈 곳 · 다른 가닥을 눌러도 고른 것 그대로 · 잠긴 높이 위에서만 눌린 단추가 떠 풂
- 높이값으로 쥠 — 분석 지형을 바꿔도 같은 높이 가닥을 다시 짚음 · 페이지 동안만(저장 안 함)
- 새 파일 logic/B05_Profile_ContourLock(규칙) · UI_RouteEdit_ContourLock(단추) · 모양 css · RouteEdit.ts 는 고르기 · 지형 바꿈 두 줄 + 세우기만(700줄)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Se7ytqbohmBQnfYpwYFnYf
2026-10-16 20:50:13 +09:00

29 lines
746 B
CSS

/* 평면 등고선 자물쇠(353-2) — 커서 옆에 뜨는 작은 단추 · 자리는 `_ContourLock.ts` 가 잡음. */
.b05-contourlock {
position: absolute;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 0;
border-radius: 999px;
}
.b05-contourlock[hidden] {
display: none;
}
/* 풀림 = 고리가 들림 · 잠김 = 고른 등고선 색(보라)으로 채움 */
.b05-contourlock[aria-pressed="false"] .b05-contourlock__shackle {
transform: translate(2.5px, -1px) rotate(18deg);
transform-origin: 11px 7px;
}
.b05-contourlock[aria-pressed="true"] {
border-color: var(--map-flow-arrow);
background-color: var(--map-flow-arrow);
color: #fff;
}