eomsangdonandClaude Opus 5.5
e250517adf
- B05 「예정노선 변경」 켬끔 = D03 createPlanDraw · createPlanEdit · createPlanMenu · createPlanProps 를 한 선 network 로 얹음(같은 함수 · 단추 · 단축키 · 노드 끌기 · 고른 토막 끌어 꺾임점 · Delete · [다시 긋기]) — 갈래 · 둘째 선 · 연도 · 지점은 막음/숨김 - 한 번 고침(긋기 끝 · 놓음 · 지움) → 켠 뒤 첫 고침만 확인창 → `/route/follow` → 편집기 한 걸음 · 다 지우면 새로 그을 때까지 평면 그대로 - 도구줄 「예정노선(원본)」 켬끔 — 파일입력 예정노선(안 덮음)을 옅은 점선으로(고친 것과 다를 때만) - D03 덧 인자 `oneLine`(UI_Draw · UI_DrawPanel 연도 마커 · UI_Menu · UI_Props) — 기본값 = 지금 그대로 · 긋기 칸 · 속성 판 꼴 CSS 를 `D03_PlanAnalysis_UI_DrawParts.css` 로 옮겨 그 TS 가 불러옴(D03 꼴 같음) - 옛 자체 긋기 셈 `logic/B05_Profile_ExpectedDraw.ts` 지움(D03 셈으로 갈음) · 시험 test_626_3 다시 씀(5) - 낡은 글 고침 — 설계 지형 바꿈 = 지형 칩(`/route/design-terrain`) · 「추천 [적용] 때만」 글 걷음(Router_Terrain · Router_Replan · Api_Replan · RouteEdit_Apply · 동작 그대로) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
160 lines
3.8 KiB
CSS
160 lines
3.8 KiB
CSS
/* D03 예정노선 2단계 노선분석(PLAN 530-3 · 563-1) — 평면이 본문을 채움 · 위에 도구줄 · 좌측 지형 · 그리기 · 구역 · 연도. */
|
|
|
|
.d03-plan-layout .ui-workflow-layout__main {
|
|
height: calc(100dvh - var(--app-header-h));
|
|
overflow: hidden;
|
|
}
|
|
|
|
.d03-plan {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
min-height: 0;
|
|
}
|
|
|
|
.d03-plan__map {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
background: #1f2937;
|
|
}
|
|
|
|
.d03-plan__map canvas {
|
|
display: block;
|
|
touch-action: none;
|
|
}
|
|
|
|
/* 582 바탕 캔버스 — 위 캔버스 밑에 겹침 · 누름은 위가 받음 */
|
|
.d03-plan__map .d03-plan__base {
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* 586-1 GL 바탕 시험 — 바탕 캔버스 밑 MapLibre · 누름은 위 캔버스가 받음 */
|
|
.d03-plan__map .d03-plan__gl {
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.d03-plan__map canvas:not(.d03-plan__base) {
|
|
position: relative;
|
|
}
|
|
|
|
/* 571-1 — 왼쪽은 겹 단추줄(폭 = JS `--d03-layers-w`) 오른쪽까지 · 모자라면 도구줄이 가로 밀림 · 오른쪽 붙임 그대로 */
|
|
.d03-plan__tools {
|
|
position: absolute;
|
|
top: var(--spacing-8);
|
|
right: var(--spacing-8);
|
|
left: calc(2 * var(--spacing-8) + var(--d03-layers-w, 222px));
|
|
align-items: flex-end;
|
|
}
|
|
|
|
/* 624-4 도구줄 끝 지형 칸 — 지형 칩 · LAS 올리기 · 진행 서클 한 줄 */
|
|
.d03-plan__terrain {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
/* 569-2 · 581-1 바탕 겹 단추 — 왼쪽 위 · 지도 반 넘으면 가로 밀림 · 범례 — 왼쪽 아래(켠 겹마다 한 줄) */
|
|
.d03-plan__layers {
|
|
position: absolute;
|
|
top: var(--spacing-8);
|
|
left: var(--spacing-8);
|
|
max-width: calc(55% - var(--spacing-8));
|
|
}
|
|
|
|
.d03-plan__legend {
|
|
position: absolute;
|
|
bottom: var(--spacing-8);
|
|
left: var(--spacing-8);
|
|
padding: var(--spacing-4) var(--spacing-8);
|
|
border-radius: var(--radius-lg);
|
|
background: var(--color-surface);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
max-width: calc(100% - 2 * var(--spacing-8));
|
|
}
|
|
|
|
.d03-plan__legend[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.d03-plan__hint {
|
|
margin: 0 0 6px;
|
|
}
|
|
|
|
.d03-plan__pieces {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
|
|
/* 지형 받기 범위 미리보기 — 카카오 지도 */
|
|
.d03-plan__extent > .ui-text {
|
|
margin: 0 0 6px;
|
|
}
|
|
|
|
/* 3D 큰 모달 — 3D 화면이 모달 몸을 꽉 채움 · 몸 스크롤 없음 */
|
|
.ui-modal--wide > .ui-modal__body.d03-plan__3d-body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.d03-plan__3d-body > .b05-route__viewport {
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
|
|
.d03-plan__3d-top {
|
|
display: flex;
|
|
gap: var(--spacing-8);
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
/* 585-2 고른 구간 속성 판 — 도구줄 아래 오른쪽 · 몸 스크롤 · 구간 줄 = 고스트 단추 */
|
|
/* 597 지점 칸 — [추가] 머리 · 펼친 줄(이름 · 경도 · 위도) */
|
|
.d03-plan__points-head {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-bottom: var(--spacing-8);
|
|
}
|
|
|
|
.d03-plan__point-edit {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) calc(var(--spacing-8) * 2);
|
|
}
|
|
|
|
.d03-plan__point-edit > .ui-field {
|
|
margin: 0;
|
|
}
|
|
|
|
/* 599 그리기 칸 방식 칸 = 공용 `A00_Common/map/map_draw_kind.css`(626-3) */
|
|
|
|
/* 597 구역 · 연도 목록 — 구역 줄(이름 칸 · 연도 고름 · 지움) · 구간 줄(측점 글 작게) */
|
|
.d03-plan__line-tail {
|
|
display: flex;
|
|
gap: var(--spacing-4);
|
|
align-items: center;
|
|
}
|
|
|
|
.d03-plan__pieces .ui-list-row__label > .ui-field {
|
|
margin: 0;
|
|
}
|
|
|
|
.d03-plan__piece-row {
|
|
padding-left: calc(var(--spacing-8) * 2);
|
|
}
|
|
|
|
.d03-plan__piece-row .ui-list-row__label {
|
|
font-size: var(--text-caption);
|
|
}
|