Files
Aislo/D02_PlanBase/D02_PlanBase_UI_Style.css
T
eomsangdonandClaude Opus 5.5 f5645c256d feat(D02·D03): 예정노선 지점 하나 · 차례 색 · 노선분석 핀 · 카카오 지도 마우스 설정 따름 (PLAN 585-1 · 요구 445 A1~A3)
- 기준지정 시점 · 종점 목록 → 「지점 목록」 하나 · [+ 지점] · 지점마다 차례 색 여섯 돌림(줄 왼 띠 · 지도 이름표 바탕)
- 저장 꼴 plan_base_json {epsg, points} · 옛 starts + ends · start · end 는 읽을 때 이어 붙임(옮김 없음) · 상한 40
- 노선분석 지점 = 핀 + 「지점 N」 · 기준지정과 같은 색 · 겹 목록 맨 끝(늘 맨 위) · 지점 누름 = 새 본선(No.0 = 그 지점) · 선 놓인 지점 = 갈래
- 공용 카카오 지도 = 휠 설정 방향 한 단(마우스 자리 고정) · 가운데 끌기 옮김 — 기준지정 · 지형 범위 창 · B08 이정표 같이
- 시험: 529-3 · 530-2 새 꼴 · 585-1 새 지킴 시험 · 낡은 B08 가짜 카카오(바탕 종류 · 사건 받기 없음) 맞춤

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-29 18:40:49 +09:00

49 lines
999 B
CSS

/* D02 기준 지정(529-3 · 560-2 · 579-2 · 585-1) — 메인 지도 = 본문 높이 가득 · 좌 지점 목록(줄 왼 띠 = 지점 색) */
.d02-map {
position: relative;
height: calc(100dvh - var(--app-header-h));
}
/* 560-3 바탕 [일반][위성] — 지도 위 오른쪽 위 */
.d02-map__type {
position: absolute;
top: var(--spacing-8);
right: var(--spacing-8);
z-index: 2;
}
.d02-map .ui-kakao-map,
.d02-map .ui-kakao-map__box {
height: 100%;
}
.d02-points {
display: flex;
flex-direction: column;
gap: var(--spacing-8);
}
.d02-points__row {
display: grid;
grid-template-columns: auto 1fr 1fr auto;
gap: 4px;
align-items: center;
padding: 4px 6px;
border-left: 4px solid var(--draw-primary);
border-radius: 4px;
}
.d02-points__row.is-active {
background: var(--color-surface-hover, rgba(0, 0, 0, 0.06));
}
.d02-points__name {
grid-column: 1 / -1;
font-size: var(--text-caption);
font-weight: 600;
}
.d02-points__input {
min-width: 0;
}