eomsangdon/Aislo
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat(device): 로그인 뒤 ☰ 상태 위 줄 걷기 · ☰ 는 위 오른쪽 모서리에 떠 있음 · 진행 단계를 ☰ 서랍 묶음으로(같은 요소를 빌려 옴 · 한 벌) · 서랍 차례 로고 ─ 진행 단계 ─ 메뉴 ─ 설정 · 위 줄 높이 = --app-header-h 하나 · data-burger (기기대응 6)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Ji4nuyLVHcxrXWHTdb5nRD
This commit is contained in:
eomsangdon
2026-10-13 14:44:21 +09:00
co-authored by Claude Opus 5.5
parent 68e82f9de9
commit 3fc50044e1
19 changed files with 227 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui_template/ui_template_overlay.css
+10 -16
View File
@@ -4,11 +4,11 @@
.ui-workflow-overlay__panel {
position: fixed;
top: calc(var(--spacing-64) + var(--spacing-16));
top: calc(var(--app-header-h) + var(--spacing-16));
z-index: var(--z-dropdown);
display: flex;
flex-direction: column;
max-height: calc(100dvh - var(--spacing-64) - var(--spacing-32));
max-height: calc(100dvh - var(--app-header-h) - var(--spacing-32));
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-cards);
@@ -19,7 +19,7 @@
/* title 패널: 헤더 아래 전체 높이 도킹 사이드바 (열림: 본문 밀기 / 닫힘: 좌측으로 슬라이드 아웃) */
.ui-workflow-overlay__panel--title {
top: var(--spacing-64);
top: var(--app-header-h);
bottom: 0;
left: 0;
width: min(var(--wf-left-panel-width), calc(100vw - var(--spacing-48)));
@@ -303,9 +303,9 @@
@media (max-width: 860px) {
.ui-workflow-overlay__panel--progress {
top: calc(var(--spacing-64) + var(--spacing-8));
top: calc(var(--app-header-h) + var(--spacing-8));
right: var(--spacing-8);
max-height: calc(100dvh - var(--spacing-64) - var(--spacing-16));
max-height: calc(100dvh - var(--app-header-h) - var(--spacing-16));
}
}
@@ -525,7 +525,7 @@
}
/* 기기 대응(PLAN_기기대응 2-3) — 폭 840 미만(data-size compact · medium)만.
좌측 패널 = 서랍(본문 위에 겹침 · 덮개를 누르면 닫힘) · 진행단계 판 = 아래에서 올라오는 판(뒤 화면 계속 조작). */
좌측 패널 = 서랍(본문 위에 겹침 · 덮개를 누르면 닫힘). */
.ui-workflow-overlay__scrim {
display: none;
}
@@ -535,21 +535,15 @@ html:is([data-size="compact"], [data-size="medium"])
> .ui-workflow-overlay__scrim {
display: block;
position: fixed;
inset: var(--spacing-64) 0 0 0;
inset: var(--app-header-h) 0 0 0;
z-index: calc(var(--z-dropdown) - 1);
background: rgba(38, 17, 74, 0.35);
pointer-events: auto;
}
html:is([data-size="compact"], [data-size="medium"]) .ui-workflow-overlay__panel--progress {
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: auto !important;
max-height: 50dvh;
flex-direction: column;
border-radius: var(--radius-cards) var(--radius-cards) 0 0;
/* ☰ 가 메뉴를 맡는 때(폭 900 이하 · 터치)는 떠 있는 진행 판 대신 ☰ 서랍 안 진행 단계 묶음(6-2) */
html[data-burger="on"] .ui-workflow-overlay__panel--progress {
display: none;
}
/* 접힌 서랍 — 화면 밖 내용은 안 보이게(손가락 · 읽기 프로그램이 밖의 단추를 잡지 않음) · 손잡이만 남김 */