eomsangdonandClaude Opus 5.5
2a5430f9b5
- 종단 도구줄 [배수유역도] 뒤 [새 창] 단추 — 종단도·표·유토곡선·배수유역도 묶음을 같은 출처 팝업으로 옮김 · 코드·자료·가게는 메인 창 그대로 - 스타일 시트·html 테마 속성 복사 · 팝업 크기 변화 시 팝업 ResizeObserver 로 다시 그림 - 팝업 키·포인터(keydown·keyup·pointerdown·pointerup·pointercancel)·blur 를 메인 문서로 넘김 — 대상 요소 유지 - 팝업 닫힘·[제자리로]·메인 창 떠남·페이지 정리 때 원래 자리로 되돌림 · 팝업 차단 시 알림 한 줄 - 우클릭 메뉴 화면 밖 보정을 요소 소속 창 기준으로 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EYJJRCfHfdCGNhmXTjQKV7
64 lines
1.8 KiB
CSS
64 lines
1.8 KiB
CSS
/* 한 페이지 두 보기(계획서 24-3a · 24-3b) — 감싸는 칸은 자리를 차지하지 않아(display: contents)
|
|
진행 단계 틀이 예전처럼 아울렛에 바로 붙은 것과 같게 놓인다. 숨긴 보기만 빠진다. */
|
|
.design-page,
|
|
.design-page__view,
|
|
.design-page__profile {
|
|
display: contents;
|
|
}
|
|
|
|
.design-page__view[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
/* 가운데 = 위 칸(보기마다 다름) + 아래 종단도 한 벌. 종단 보기에서 종단도는 3D 위에 떠 있는
|
|
판(absolute · 3D 크기가 안 바뀜)이고, 횡단 보기에서는 카드 칸 아래 흐름에 선다. */
|
|
.design-page__main {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.design-page__center {
|
|
position: relative;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
}
|
|
|
|
.design-page__center > .design-page__view > * {
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
}
|
|
|
|
.design-page__main[data-view="cross"] > .design-page__profile > .b05-route-profile {
|
|
position: relative;
|
|
flex: none;
|
|
}
|
|
|
|
/* 새 창으로 뺀 종단 하단 패널(계획서 54-35) — 창 전체를 채움 · 접기 손잡이 · 높이 끌기는 감춤. */
|
|
.b05-route-profile.is-popout {
|
|
position: relative;
|
|
height: 100dvh;
|
|
}
|
|
|
|
.b05-route-profile.is-popout > :not(.b05-route-profile__content) {
|
|
display: none;
|
|
}
|
|
|
|
.b05-route-profile__trailing > .b05-route-profile__popout {
|
|
padding: 1px var(--spacing-8);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
/* 횡단 조정(카드 조정창 사본 · 폼 칸에 옮겨 붙은 행)은 횡단 보기 몫 — 종단 보기에서는 한 벌 폼
|
|
안에서 가린다(패널 뿌리 클래스가 보기를 따라 바뀐다). */
|
|
.b05-route__panel .b06-adjust-dock,
|
|
.b05-route__panel [class*="b06-structure-panel__struct--"] {
|
|
display: none;
|
|
}
|