From 3596e790969070acf3de1b9d027d15ef02807ba0 Mon Sep 17 00:00:00 2001 From: king Date: Tue, 15 Sep 2026 23:23:36 +0900 Subject: [PATCH] =?UTF-8?q?fix(project):=20=EC=8A=A4=ED=81=AC=EB=A1=A4?= =?UTF-8?q?=EC=9D=80=20=EB=90=98=EB=8A=94=EB=8D=B0=20=EB=A7=89=EB=8C=80?= =?UTF-8?q?=EA=B0=80=20=EC=95=88=20=EB=B3=B4=EC=9D=B4=EB=8D=98=20=EB=AC=B8?= =?UTF-8?q?=EC=A0=9C=20=E2=80=94=20=EC=BB=A4=EC=8A=A4=ED=85=80=20=EC=8A=A4?= =?UTF-8?q?=ED=81=AC=EB=A1=A4=EB=B0=94=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 휠 스크롤은 정상 동작(레이아웃 자체는 문제 없었음) — OS/브라우저의 오버레이(자동숨김) 스크롤바 스타일 때문에 막대가 안 보였던 것. 내 업무/ 좌측 프로젝트 목록/보드 패널에 항상 보이는 커스텀 스크롤바(얇은 회색 막대)를 그려 윈도우 설정과 무관하게 고정 표시되게 함. Co-Authored-By: Claude Sonnet 5 --- .../project/templates/project/inbox.html | 2 +- .../project/templates/project/index.html | 2 +- .../project/templates/project/project.html | 2 +- app/static/project.css | 18 ++++++++++++++++++ 4 files changed, 21 insertions(+), 3 deletions(-) diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html index 4db641e..de32e2b 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 9df2532..1cc65e7 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 a1003df..a8156d2 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 0be0060..e71f2b0 100644 --- a/app/static/project.css +++ b/app/static/project.css @@ -150,6 +150,24 @@ .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; } + +/* 휠 스크롤은 되는데 막대가 안 보인다 — OS/브라우저의 오버레이(자동숨김) + 스크롤바 때문(호버해야만 잠깐 보이는 스타일). 여기 자체 스크롤 패널들은 + 막대가 항상 보이도록 커스텀 스크롤바를 그린다(윈도우 설정과 무관하게 + 고정 표시). */ +.pj-home-side, .pj-project-mytasks, .pj-side, .pj-board { + scrollbar-width: thin; scrollbar-color: #c7c9cf transparent; +} +.pj-home-side::-webkit-scrollbar, .pj-project-mytasks::-webkit-scrollbar, +.pj-side::-webkit-scrollbar, .pj-board::-webkit-scrollbar { width: 8px; height: 8px; } +.pj-home-side::-webkit-scrollbar-track, .pj-project-mytasks::-webkit-scrollbar-track, +.pj-side::-webkit-scrollbar-track, .pj-board::-webkit-scrollbar-track { background: transparent; } +.pj-home-side::-webkit-scrollbar-thumb, .pj-project-mytasks::-webkit-scrollbar-thumb, +.pj-side::-webkit-scrollbar-thumb, .pj-board::-webkit-scrollbar-thumb { + background-color: #c7c9cf; border-radius: 999px; +} +.pj-home-side::-webkit-scrollbar-thumb:hover, .pj-project-mytasks::-webkit-scrollbar-thumb:hover, +.pj-side::-webkit-scrollbar-thumb:hover, .pj-board::-webkit-scrollbar-thumb:hover { background-color: #a7aab3; } @media (max-width: 1280px) { .pj-layout { grid-template-columns: 230px 1fr; } .pj-project-mytasks { display: none; }