- 등고선 위를 지나거나 고른 직후 커서 옆에 자물쇠 단추(캔버스 위 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
29 lines
746 B
CSS
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;
|
|
}
|