diff --git a/B05_Profile/B05_Profile_UI_Style.css b/B05_Profile/B05_Profile_UI_Style.css index f3976aa7..bc0011f9 100644 --- a/B05_Profile/B05_Profile_UI_Style.css +++ b/B05_Profile/B05_Profile_UI_Style.css @@ -214,7 +214,9 @@ width: 100%; min-width: 0; gap: var(--spacing-16); - padding-bottom: var(--spacing-24); + /* 하단 여유 패딩은 두지 않는다 — 액션 dock이 최하단에 붙는 지금은 버튼 아래 + 빈 띠로만 남는다(2026-08-18). 공용 body 패딩(16px)은 dock의 sticky + bottom:-16px가 덮는다. */ } .b05-route__panel-section { diff --git a/ui_template/ui_template_overlay.css b/ui_template/ui_template_overlay.css index 2f89cb03..5f01514a 100644 --- a/ui_template/ui_template_overlay.css +++ b/ui_template/ui_template_overlay.css @@ -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;