From 0a427be054456f75a33427655debbbbd6539c126 Mon Sep 17 00:00:00 2001 From: king Date: Tue, 15 Sep 2026 23:16:09 +0900 Subject: [PATCH] =?UTF-8?q?fix(project):=20=ED=99=88=20=ED=99=94=EB=A9=B4?= =?UTF-8?q?=EB=8F=84=20=ED=99=94=EB=A9=B4=20=EB=81=9D=EA=B9=8C=EC=A7=80=20?= =?UTF-8?q?=EC=82=AC=EC=9A=A9=20+=20=ED=94=84=EB=A1=9C=EC=A0=9D=ED=8A=B8?= =?UTF-8?q?=20=EC=83=81=EC=84=B8=20=EB=82=B4=20=EC=97=85=EB=AC=B4=20?= =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=95=88=20=EB=90=98=EB=8D=98=20?= =?UTF-8?q?=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - .erp-page 폭 제한 해제 범위를 프로젝트 상세뿐 아니라 프로젝트 모듈의 모든 화면(.pj-wrap)으로 넓혀 홈 화면 "내 업무"도 화면 맨 오른쪽에 붙게. - pj-layout에 grid-template-rows:minmax(0,1fr) 추가. 이게 없으면 암시적 행이 auto(내용 크기)로 잡혀 자식의 height:100%가 기준 삼을 확정된 높이가 없어지고, 결국 다시 내용 크기만큼 늘어나 버려 세션 화면에서 "내 업무" 패널이 스크롤 대신 페이지 전체를 늘렸다. Co-Authored-By: Claude Sonnet 5 --- app/modules/project/templates/project/inbox.html | 2 +- app/modules/project/templates/project/index.html | 2 +- app/modules/project/templates/project/project.html | 2 +- app/static/project.css | 14 +++++++++++--- 4 files changed, 14 insertions(+), 6 deletions(-) diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html index fd547d7..4db641e 100644 --- a/app/modules/project/templates/project/inbox.html +++ b/app/modules/project/templates/project/inbox.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + {% endblock %} diff --git a/app/modules/project/templates/project/index.html b/app/modules/project/templates/project/index.html index 3db85b5..9df2532 100644 --- a/app/modules/project/templates/project/index.html +++ b/app/modules/project/templates/project/index.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + {% endblock %} diff --git a/app/modules/project/templates/project/project.html b/app/modules/project/templates/project/project.html index bf8eb2c..a1003df 100644 --- a/app/modules/project/templates/project/project.html +++ b/app/modules/project/templates/project/project.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + diff --git a/app/static/project.css b/app/static/project.css index 32a4092..0be0060 100644 --- a/app/static/project.css +++ b/app/static/project.css @@ -135,10 +135,18 @@ 그대로 쓰기 위해 휴가/쿠팡 모듈과 같은 패턴으로 .erp-page 의 flex 자식을 늘려 남은 높이를 다 차지하게 하고, 가운데 폭 제한(max-width:1550px)도 이 화면에서만 풀어서 좌/우 칸이 진짜 화면 양 끝에 붙게 한다. */ -.erp-page:has(> .pj-project-view) { max-width: none; } +.erp-page:has(> .pj-wrap) { max-width: none; } .pj-project-view { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } .pj-project-view .pj-layout { flex: 1 1 auto; min-height: 0; } -.pj-layout { display: grid; grid-template-columns: 230px 1fr 300px; gap: 22px; height: 100%; min-height: 0; align-items: stretch; } +/* grid-template-rows: minmax(0,1fr) 이 없으면 암시적 행이 "auto"(내용 크기)로 + 잡혀서, 자식들의 height:100% 가 기준으로 삼을 "확정된 높이"가 없어진다 + (퍼센트 높이는 트랙이 auto면 무시되고 다시 내용 크기로 되돌아간다) — + 그래서 내 업무/좌측 목록이 제 안에서 스크롤 못 하고 카드 내용만큼 + 늘어나 버렸다. 1fr 로 행 자체를 컨테이너 높이만큼 확정 지어야 한다. */ +.pj-layout { + display: grid; grid-template-columns: 230px 1fr 300px; grid-template-rows: minmax(0, 1fr); + gap: 22px; height: 100%; min-height: 0; align-items: stretch; +} .pj-side { min-width: 0; min-height: 0; height: 100%; overflow-y: auto; padding-right: 4px; } .pj-main { min-width: 0; min-height: 0; height: 100%; display: flex; flex-direction: column; } .pj-project-mytasks { min-width: 0; min-height: 0; width: 300px; height: 100%; overflow-y: auto; padding-right: 4px; } @@ -147,7 +155,7 @@ .pj-project-mytasks { display: none; } } @media (max-width: 900px) { - .erp-page:has(> .pj-project-view) { max-width: 1550px; } + .erp-page:has(> .pj-wrap) { max-width: 1550px; } .pj-project-view { display: block; } .pj-layout { display: block; height: auto; } .pj-side, .pj-main { height: auto; overflow: visible; }