From 17731a195afaeb4bca064893fb3b1fe802ecbb5f Mon Sep 17 00:00:00 2001 From: king Date: Tue, 15 Sep 2026 23:33:00 +0900 Subject: [PATCH] =?UTF-8?q?fix(project):=20=EC=BB=A4=EC=8A=A4=ED=85=80=20?= =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=EB=B0=94=EA=B0=80=20=EC=95=88=20?= =?UTF-8?q?=EB=B3=B4=EC=9D=B4=EB=8D=98=20=EC=9B=90=EC=9D=B8=20=E2=80=94=20?= =?UTF-8?q?=ED=91=9C=EC=A4=80=20scrollbar-*=20=EC=86=8D=EC=84=B1=EC=9D=B4?= =?UTF-8?q?=20webkit=20=EC=8A=A4=ED=83=80=EC=9D=BC=EC=9D=84=20=EB=81=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Chromium 121+ 는 scrollbar-width/scrollbar-color 가 지정되면 ::-webkit-scrollbar 커스텀 스타일을 무시하고 OS 오버레이(자동숨김) 스크롤바로 돌아간다. DevTools 확인 결과 패널은 이미 scroll 컨테이너(818px)였고 폭이 스크롤바 자리를 전혀 안 차지함 = 오버레이 스크롤바. 표준 속성은 @supports not selector(::-webkit-scrollbar) 로 Firefox 에만 적용해, 크롬/엣지에서는 항상 보이는 커스텀(클래식) 스크롤바가 그려지게 함. 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 | 10 ++++++++-- 4 files changed, 11 insertions(+), 5 deletions(-) diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html index 9498440..6cd617b 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 b37f4fa..96a8029 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 3c05214..67e17e0 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 b62dfee..1a0dafd 100644 --- a/app/static/project.css +++ b/app/static/project.css @@ -170,8 +170,14 @@ 스크롤바 때문(호버해야만 잠깐 보이는 스타일). 여기 자체 스크롤 패널들은 막대가 항상 보이도록 커스텀 스크롤바를 그린다(윈도우 설정과 무관하게 고정 표시). */ -.pj-home-side, .pj-home-main, .pj-project-mytasks, .pj-side, .pj-board { - scrollbar-width: thin; scrollbar-color: #b9bcc4 #f1f2f4; +/* 주의: Chromium(크롬/엣지) 121+ 는 scrollbar-width/scrollbar-color 가 지정돼 + 있으면 ::-webkit-scrollbar 커스텀 스타일을 통째로 무시하고 OS 오버레이 + (자동숨김) 스크롤바로 돌아간다 — 그래서 표준 속성은 ::-webkit-scrollbar 를 + 지원하지 않는 브라우저(Firefox)에만 준다. */ +@supports not selector(::-webkit-scrollbar) { + .pj-home-side, .pj-home-main, .pj-project-mytasks, .pj-side, .pj-board { + scrollbar-width: thin; scrollbar-color: #b9bcc4 #f1f2f4; + } } .pj-home-side::-webkit-scrollbar, .pj-home-main::-webkit-scrollbar, .pj-project-mytasks::-webkit-scrollbar, .pj-side::-webkit-scrollbar, .pj-board::-webkit-scrollbar { width: 9px; height: 9px; }