From 0ba61825748d20f09942349b8d12c8f73ec7b7d5 Mon Sep 17 00:00:00 2001 From: king Date: Wed, 16 Sep 2026 00:01:06 +0900 Subject: [PATCH] =?UTF-8?q?fix(project):=20=EB=82=B4=20=EC=97=85=EB=AC=B4?= =?UTF-8?q?=20=ED=8C=A8=EB=84=90=20=EC=98=A4=EB=A5=B8=EC=AA=BD=20=EB=81=9D?= =?UTF-8?q?=EC=9D=B4=20=ED=99=94=EB=A9=B4=20=EB=B0=96=EC=9C=BC=EB=A1=9C=20?= =?UTF-8?q?=EB=B0=80=EB=A0=A4=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EB=A7=89?= =?UTF-8?q?=EB=8C=80=EA=B0=80=20=EC=95=88=20=EB=B3=B4=EC=9D=B4=EB=8D=98=20?= =?UTF-8?q?=EC=A7=84=EC=A7=9C=20=EC=9B=90=EC=9D=B8=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .erp-page 는 width:100% + padding 24px 이고 border-box 리셋은 .erp-shell 에만 걸려 있어 content-box 로 계산된다. 프로젝트 화면에서 max-width:1550px 캡을 풀자(0a427be/04c33e3) 페이지가 뷰포트보다 48px 넓어졌고, 그 결과 우측 패널의 오른쪽 끝 — 네이티브 스크롤바든 JS 로 그린 막대든 그 자리 — 가 화면 밖으로 나가 보이지 않았다("처음엔 잘 나왔다"가 맞았음: 캡을 풀기 전엔 안 넘쳤다). 헤드리스 크롬으로 재현·좌표 덤프(패널 right=1917 > viewport 1911)해서 확인했고, .erp-page:has(> .pj-wrap) 에 box-sizing:border-box 를 주면 패널이 화면 안에 들어오며 막대가 그려지는 것까지 스크린샷으로 검증함. Co-Authored-By: Claude Fable 5.1 --- 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 | 7 ++++++- 4 files changed, 9 insertions(+), 4 deletions(-) diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html index b53123e..5182ca1 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 ce9ca08..74c9a79 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 9b3168b..7efca22 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 1a3b4e5..48d98e2 100644 --- a/app/static/project.css +++ b/app/static/project.css @@ -150,7 +150,12 @@ 그대로 쓰기 위해 휴가/쿠팡 모듈과 같은 패턴으로 .erp-page 의 flex 자식을 늘려 남은 높이를 다 차지하게 하고, 가운데 폭 제한(max-width:1550px)도 이 화면에서만 풀어서 좌/우 칸이 진짜 화면 양 끝에 붙게 한다. */ -.erp-page:has(> .pj-wrap) { max-width: none; } +/* box-sizing:border-box 필수 — .erp-page 는 width:100% + padding 24px 인데 + border-box 리셋이 .erp-shell 에만 걸려 있어(content-box) max-width 캡을 풀면 + 뷰포트보다 48px 넓어진다. 그러면 우측 "내 업무" 패널의 오른쪽 끝(=스크롤 + 막대 자리)이 화면 밖으로 밀려나 막대가 절대 안 보인다(헤드리스 크롬 좌표 + 덤프로 확인: 패널 right=1917 > viewport 1911). */ +.erp-page:has(> .pj-wrap) { max-width: none; box-sizing: border-box; } .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; } /* grid-template-rows: minmax(0,1fr) 이 없으면 암시적 행이 "auto"(내용 크기)로