eomsangdonandClaude Opus 5.5
8b72720d09
- 354-1 자기 판 · 머리줄(f79a33ef3) · 367-2 접음 높이 0 · 367-6 범례 비킴을 손으로 되돌림(이력 그대로)
- 판 끌기 = 종단 · 유토 · 표 세 영역 같은 비율 · 놓을 때 유토 · 표 높이 확정
- 유토 손잡이 = 판 위 경계 밖 · 표 손잡이와 ±44 px 나란히 · 접기 = 숨김 · 표 판 = 열린 유토 위 쌓임
- 남김 = 유토 · 배수 [창 분할](유토는 판 좌상단 = 펼친 때만) · 367-1 늘 전체 맞춤 · 367-5 · 354-3 · 325-2
- 시험 test_354_1 다시 씀(세 영역 비례 · 손잡이 자리) · test_367_6 다시 씀(손잡이 = 판 밖 · 나란히) · 224_1b · 224_1c · 230_2 · 367_5 맞춤
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Se7ytqbohmBQnfYpwYFnYf
93 lines
2.7 KiB
CSS
93 lines
2.7 KiB
CSS
/* 한 페이지 두 보기(계획서 24-3a · 24-3b) — 감싸는 칸은 자리를 차지하지 않아(display: contents)
|
|
진행 단계 틀이 예전처럼 아울렛에 바로 붙은 것과 같게 놓인다. 숨긴 보기만 빠진다. */
|
|
.design-page,
|
|
.design-page__view,
|
|
.design-page__profile {
|
|
display: contents;
|
|
}
|
|
|
|
.design-page__view[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
/* 가운데 = 위 칸(보기마다 다름) + 아래 종단도 한 벌. 종단 보기에서 종단도는 평면(노선 편집) 위에
|
|
떠 있는 판(absolute · 평면은 전체 영역 · 345-5)이고, 횡단 보기에서는 카드 칸 아래 흐름에 선다. */
|
|
.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__tools > .b05-route-profile__popout {
|
|
padding: var(--btn-bar-padding);
|
|
font-size: var(--btn-bar-font-size);
|
|
}
|
|
|
|
/* 유토곡선 · 배수유역 판 [창 분할](계획서 325-3) — 종단 [창 분할]과 같은 양식 · 유토는 판 좌상단에 띄움. */
|
|
.b05-subpanel__popout {
|
|
flex: none;
|
|
padding: var(--btn-bar-padding);
|
|
font-size: var(--btn-bar-font-size);
|
|
}
|
|
|
|
.b05-profile__masshaul-overlay > .b05-subpanel__popout {
|
|
position: absolute;
|
|
top: 4px;
|
|
left: var(--spacing-8);
|
|
z-index: 4;
|
|
}
|
|
|
|
/* 새 창으로 뗀 유토곡선 · 배수유역 판 — 창 전체를 채움 · 높이 · 폭 끌기와 접기 손잡이는 감춤. */
|
|
.b05-profile__masshaul-overlay.is-popout,
|
|
.b05-drainage.is-popout {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: none;
|
|
height: 100dvh;
|
|
}
|
|
|
|
.b05-profile__masshaul-overlay.is-popout > .ui-resizer,
|
|
.b05-drainage.is-popout > .ui-resizer,
|
|
.b05-drainage.is-popout > .ui-workflow-overlay__handle {
|
|
display: none;
|
|
}
|
|
|
|
/* 횡단 조정(카드 조정창 사본 · 폼 칸에 옮겨 붙은 행)은 횡단 보기 몫 — 종단 보기에서는 한 벌 폼
|
|
안에서 가린다(패널 뿌리 클래스가 보기를 따라 바뀐다). */
|
|
.b05-route__panel .b06-adjust-dock,
|
|
.b05-route__panel [class*="b06-structure-panel__struct--"] {
|
|
display: none;
|
|
}
|