king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(project): 업무 모달 2단 레이아웃 + 프로젝트연결 즉시선택 + 하위업무 즉시배정

Browse Source 
연결된 프로젝트: "+추가" 버튼 없이 프로젝트/세션 셀렉트를 바로 노출, 모달
열릴 때 목록 미리 로드. 하위업무 추가행에 담당자/마감일 입력 추가해 생성과
동시에 배정 가능. 모달을 넓히고(780px) 메타/설명(좌)·하위업무/첨부/연결/
댓글(우) 2단 그리드로 재배치, 우측 칼럼만 자체 스크롤 시켜 전체 스크롤 최소화.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-15 20:47:17 +09:00
parent 1eae308b9e
commit 8449b404b2
5 changed files with 250 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/project.css
+25 -2
View File
@@ -310,6 +310,18 @@
.pj-modal { position: fixed; inset: 0; background: rgba(20,22,26,.46); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.pj-modal[hidden] { display: none; }
.pj-modal-card { background: #fff; border-radius: 16px; padding: 22px; width: min(480px, 92vw); box-shadow: 0 20px 60px rgba(0,0,0,.25); max-height: 90vh; overflow-y: auto; }
/* 업무 편집 팝업만 넓게 — 메타/설명(좌) + 하위업무·첨부·연결·댓글(우) 2단.
우측 칼럼만 자체 스크롤 시켜 팝업 전체 스크롤은 웬만하면 안 생기게 한다. */
.pj-task-modal-card { width: min(780px, 96vw); }
.pj-modal-body { display: grid; grid-template-columns: 1.15fr .85fr; gap: 0 26px; align-items: start; }
.pj-modal-col-main, .pj-modal-col-side { min-width: 0; }
.pj-modal-col-side { max-height: 66vh; overflow-y: auto; padding-right: 4px; }
.pj-modal-col-side .pj-task-extra:first-child { margin-top: 0; padding-top: 0; border-top: none; }
@media (max-width: 720px) {
.pj-modal-body { grid-template-columns: 1fr; }
.pj-modal-col-side { max-height: none; overflow-y: visible; padding-right: 0; }
.pj-modal-col-side .pj-task-extra:first-child { border-top: 1px solid #eef0f2; margin-top: 14px; padding-top: 12px; }
}
.pj-modal-card h3 { margin: 0 0 16px; font-size: 17px; }
.pj-modal-hint { margin: -6px 0 14px; font-size: 12px; color: #6b7280; }
@@ -484,8 +496,19 @@
flex: 0 0 auto; width: 110px !important; font-size: 12px !important; padding: 4px 6px !important; margin: 0 !important;
}
.pj-subtask-due { flex: 0 0 auto; width: 128px !important; font-size: 12px !important; padding: 4px 6px !important; margin: 0 !important; }
.pj-subtask-form { display: flex; gap: 6px; }
.pj-subtask-form input { flex: 1; padding: 7px 10px; border: 1px solid #d8dce2; border-radius: 8px; font-size: 13px; font-family: inherit; }
.pj-subtask-form { display: flex; gap: 6px; flex-wrap: wrap; }
.pj-subtask-form input[type="text"] {
flex: 1 1 120px; width: auto !important; min-width: 90px; margin: 0 !important;
padding: 7px 10px !important; border: 1px solid #d8dce2 !important; border-radius: 8px; font-size: 13px !important; font-family: inherit;
}
#pj-subtask-add-assignee {
flex: 0 0 auto; width: 96px !important; margin: 0 !important;
padding: 6px 4px !important; border: 1px solid #d8dce2 !important; border-radius: 8px; font-size: 12px !important; font-family: inherit;
}
#pj-subtask-add-due {
flex: 0 0 auto; width: 118px !important; margin: 0 !important;
padding: 6px !important; border: 1px solid #d8dce2 !important; border-radius: 8px; font-size: 12px !important; font-family: inherit;
}
/* ── 연결된 프로젝트(멀티호밍) 칩 ── */
.pj-link-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }