eomsangdonandClaude Opus 5.5
dee16cab37
- 글자 유리 단추 줄 · [?] 안내 판 · 나눔선 다섯 → createMapTools 한 줄(긴 설명은 마우스 글 · 누름 동작 · 단축키 그대로)
- 3D 단추 = mapToolButton("view3d") · 클래스 b05-route__3d-open 유지 · 거리 재기 aria-pressed 맞춤
- 가이드 촬영 선택자(.b05-routeedit__tools · [data-act="hint-toggle"] · .b05-routeedit__hint.is-open) 그대로
- 시험 고침 — 옛 글자 단추 · 나눔선 · 안내 판 CSS 를 잡던 다섯(차례 · 안내 판 · 절/성토선 이름 · 3D 막이)
- 부품 — 빈 묶음 건너뜀 · [hidden] 숨김 규칙
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
40 lines
1.1 KiB
CSS
40 lines
1.1 KiB
CSS
/* 지도 화면 제어 도구줄(568-1) — 도구줄 + 아래 [?] 안내 판 · 자리는 페이지가 줌 · 빈 자리는 지도 조작 통과 */
|
|
.ui-map-tools {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: var(--spacing-8);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.ui-map-tools > .ui-toolbar {
|
|
max-width: 100%;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
/* 안내 판 — 기본 접힘 · 2열 · 글판은 클릭 통과 */
|
|
.ui-map-tools__hint {
|
|
display: none;
|
|
grid-template-columns: auto auto;
|
|
gap: 2px var(--spacing-16);
|
|
max-width: 100%;
|
|
padding: var(--spacing-8) var(--spacing-12);
|
|
border: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent);
|
|
border-radius: var(--radius-cards);
|
|
background: color-mix(in srgb, var(--color-surface-raised) 72%, transparent);
|
|
backdrop-filter: blur(6px);
|
|
-webkit-backdrop-filter: blur(6px);
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.ui-map-tools__hint.is-open {
|
|
display: grid;
|
|
}
|
|
|
|
/* 숨김 — display 가 [hidden] 을 덮지 않게 */
|
|
.ui-map-tools[hidden],
|
|
.ui-map-tools__hint[hidden] {
|
|
display: none !important;
|
|
}
|