feat(지도 도구줄): 좁으면 한 줄 가로 밀기 · 넘친 쪽 끝 흐림 · 휠 가로 밀기 · D03 도구줄이 겹 단추줄을 안 덮음 (PLAN 571-1 · 요구 399)
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -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열 · 글판은 클릭 통과 */
|
||||
|
||||
Reference in New Issue
Block a user