fix(ui): 사이드 패널 액션 줄을 내용이 짧아도 최하단에 고정
지금까지는 sticky만 걸려 있어 내용이 패널보다 짧으면 버튼 줄이 내용 바로 아래에 떠 있었다. 공용 .ui-sidebar-actions에 margin-top:auto를 주고, 액션 줄을 담은 사이드 body를 세로 플렉스로 만들어(:has) 남는 세로 공간을 액션 줄 위 여백이 전부 먹게 했다. B04·B05·B06·B07 공통 적용(B08은 .b08-drawing-actions가 이미 같은 방식). - B05: 액션 dock 위 구분선·구조물 목록도 함께 최하단에 붙는다. - B05 .b05-route__panel의 padding-bottom(24px) 제거 — dock이 바닥에 붙은 뒤로는 버튼 아래 빈 띠로만 남는다. 공용 body 패딩 16px는 dock의 sticky bottom:-16px가 덮는다. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -241,11 +241,24 @@
|
||||
z-index: 5;
|
||||
display: flex;
|
||||
gap: var(--spacing-8);
|
||||
/* 내용이 패널보다 짧아도 액션 줄은 패널 최하단에 붙는다 — 위 여백을 이 줄이
|
||||
전부 먹는다(2026-08-18 사용자 지시, B04~B08 공통). 내용이 길면 auto가 0이 돼
|
||||
기존처럼 sticky로 따라온다. */
|
||||
margin-top: auto;
|
||||
padding: var(--spacing-8) 0 var(--spacing-16);
|
||||
background: var(--color-surface-raised);
|
||||
border-top: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
/* margin-top:auto가 먹히려면 액션 줄을 담은 사이드 body가 세로 플렉스여야 하고
|
||||
높이가 정해져 있어야 한다(--panel--title의 body는 flex:1로 이미 정해진다).
|
||||
B04·B05·B06은 페이지 CSS가 이미 세로 플렉스지만, 규칙 없이 블록으로 남은
|
||||
패널(B07)도 같이 걸리게 여기서 공통으로 준다. */
|
||||
.ui-workflow-overlay__body:has(> .ui-sidebar-actions) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.ui-sidebar-actions > * {
|
||||
flex: 1 1 0;
|
||||
min-width: 0;
|
||||
|
||||
Reference in New Issue
Block a user