eomsangdonandClaude Opus 5.5
1ddb5cb1b2
- 579-3: D02 시점 · 종점 목록 받음 · 점 그림 · 맞춤 · 등고선 범위 · 「범위 밖」 판정에 시점 · 종점 · 들어올 때 받은 범위가 못 덮으면 바로 받기(진행 막대 · 직전 실패면 안 함) - 선 이름 = 갈래 없는 선 「본선」(둘 이상 「본선 N」) · 갈래 「갈래 N」 — TS lineNames ↔ D04 line_names 짝 · 거울 시험 - 580-1: [긋기] 하나 — 시점 · 종점(끝낼 때 뒤집어 No.0 = 반대쪽) · 선 꼬리 · 선 머리 · 선 위(갈래)에서 시작 · 머리가 다른 선 꼬리에 닿으면 한 선 · 꺾임점이면 갈래 · 꺾임점 끌기 · 더하기 · 지우기(마크는 구간 비율) - 580-2: 미리보기 글 = 거리 + 가상 종단 기울기 % · ° · 기울기 고정 칸 옆 ° 환산 · 고른 선 [방향 바꾸기] - 580-3: 지도에서 선 · 조각 고름(좌측 줄 밝힘) · Delete · [선 지움] · 선 통째 연도 · 긋는 해(긋는 중 바꾸면 다음 점부터) · [연도 구분] 뒤 연도 고름 바로 · 마크 끌기 - 새 파일: D03_PlanAnalysis_UI_Edit.ts(고르기 · 고치기) · D03_PlanAnalysis_UI_DrawPaint.ts(그림 · 집기 — UI_Draw 700 줄 넘어 나눔) - UI_Map = 겹 꼴에 release · pointerup · 끌기 중 포인터 잡기 · [?] 안내 줄(그리기 본체 draw() 는 sub2 몫이라 손 안 댐) - 시험: 530-3 새 꼴 함수 · 서버 derive 대조 · 선 이름 거울 / 553-4 그림 자리 옮김 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
133 lines
2.6 KiB
CSS
133 lines
2.6 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;
|
|
}
|
|
|
|
/* 571-1 — 왼쪽은 겹 단추줄(222px) 오른쪽까지 · 그 사이가 모자라면 도구줄이 가로 밀림 · 오른쪽 붙임 그대로 */
|
|
.d03-plan__tools {
|
|
position: absolute;
|
|
top: var(--spacing-8);
|
|
right: var(--spacing-8);
|
|
left: calc(2 * var(--spacing-8) + 222px);
|
|
align-items: flex-end;
|
|
}
|
|
|
|
/* 569-2 바탕 겹 단추 — 왼쪽 위 · 급경사 범례 — 왼쪽 아래 */
|
|
.d03-plan__layers {
|
|
position: absolute;
|
|
top: var(--spacing-8);
|
|
left: 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);
|
|
}
|
|
|
|
.d03-plan__hint {
|
|
margin: 0 0 6px;
|
|
}
|
|
|
|
.d03-plan__row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-8);
|
|
align-items: flex-end;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.d03-plan__row > .ui-field {
|
|
flex: 1 1 6rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.d03-plan__draw {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
}
|
|
|
|
.d03-plan__pieces {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
|
|
.d03-plan__piece-head {
|
|
margin: 6px 0 0;
|
|
font-weight: 600;
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.d03-plan__piece {
|
|
display: flex;
|
|
gap: var(--spacing-8);
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.d03-plan__piece > .ui-text {
|
|
margin: 0;
|
|
}
|
|
|
|
.d03-plan__piece > .ui-field {
|
|
flex: 0 0 6.5rem;
|
|
margin: 0;
|
|
}
|
|
|
|
/* 지형 받기 범위 미리보기 — 카카오 지도 */
|
|
.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;
|
|
}
|
|
|
|
/* 580-3 고른 선 · 조각 줄 밝힘 */
|
|
.d03-plan__piece.is-selected {
|
|
background: var(--color-accent-soft);
|
|
border-radius: var(--radius-md);
|
|
}
|