feat(지도 도구줄): 좁으면 한 줄 가로 밀기 · 넘친 쪽 끝 흐림 · 휠 가로 밀기 · D03 도구줄이 겹 단추줄을 안 덮음 (PLAN 571-1 · 요구 399)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-28 12:07:52 +09:00
co-authored by Claude Sonnet 5.5
parent 70b0e06df4
commit f4c43db01b
5 changed files with 72 additions and 1 deletions
+30
View File
@@ -10,6 +10,36 @@
.ui-map-tools > .ui-toolbar {
max-width: 100%;
pointer-events: auto;
/* 571-1 — 한 줄 고정 · 모자라면 가로 밀기(막대 숨김) · 넘친 쪽 끝만 흐림 */
flex-wrap: nowrap;
overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: none;
--map-tools-fade-start: 0px;
--map-tools-fade-end: 0px;
mask-image: linear-gradient(
to right,
transparent,
var(--color-text-body) var(--map-tools-fade-start),
var(--color-text-body) calc(100% - var(--map-tools-fade-end)),
transparent
);
}
.ui-map-tools > .ui-toolbar::-webkit-scrollbar {
display: none;
}
.ui-map-tools > .ui-toolbar > * {
flex-shrink: 0;
}
.ui-map-tools > .ui-toolbar.is-more-start {
--map-tools-fade-start: var(--spacing-24);
}
.ui-map-tools > .ui-toolbar.is-more-end {
--map-tools-fade-end: var(--spacing-24);
}
/* 안내 판 — 기본 접힘 · 2열 · 글판은 클릭 통과 */