From 6962b79f284c1aa4eb3326f744ddfbb4676e05dc Mon Sep 17 00:00:00 2001 From: king Date: Tue, 1 Sep 2026 16:51:52 +0900 Subject: [PATCH] =?UTF-8?q?fix(cupang):=203=EC=97=B4=20=EC=B9=B4=EB=93=9C?= =?UTF-8?q?=20=EC=9E=90=EC=B2=B4=EB=8F=84=20=EC=8A=A4=ED=81=AC=EB=A1=A4?= =?UTF-8?q?=EB=90=98=EB=8F=84=EB=A1=9D=20=EC=9D=B4=EC=A4=91=20=EC=95=88?= =?UTF-8?q?=EC=A0=84=EC=9E=A5=EC=B9=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 카드에 max-height(82vh)를 주고 ③ 카드는 overflow-y:auto 로 바꿔, 안쪽 목록 스크롤이 동작하지 않는 상황에서도 카드가 스크롤되게 한다. 스크롤바는 gutter 고정 + webkit 스크롤바 폭 지정으로 보이게. Co-Authored-By: Claude Opus 5 --- .../cupang/templates/cupang/box_calc.html | 2 +- .../cupang/templates/cupang/box_rules.html | 2 +- .../cupang/templates/cupang/centers.html | 2 +- .../cupang/templates/cupang/index.html | 2 +- .../cupang/templates/cupang/products.html | 2 +- app/modules/cupang/templates/cupang/view.html | 2 +- app/static/cupang.css | 27 +++++++++++++++++++ 7 files changed, 33 insertions(+), 6 deletions(-) diff --git a/app/modules/cupang/templates/cupang/box_calc.html b/app/modules/cupang/templates/cupang/box_calc.html index dbf4312..0172a88 100644 --- a/app/modules/cupang/templates/cupang/box_calc.html +++ b/app/modules/cupang/templates/cupang/box_calc.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/box_rules.html b/app/modules/cupang/templates/cupang/box_rules.html index 3ebb6f6..8fb093f 100644 --- a/app/modules/cupang/templates/cupang/box_rules.html +++ b/app/modules/cupang/templates/cupang/box_rules.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/centers.html b/app/modules/cupang/templates/cupang/centers.html index 858298a..fa24c6e 100644 --- a/app/modules/cupang/templates/cupang/centers.html +++ b/app/modules/cupang/templates/cupang/centers.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/index.html b/app/modules/cupang/templates/cupang/index.html index 0b60663..8b98e31 100644 --- a/app/modules/cupang/templates/cupang/index.html +++ b/app/modules/cupang/templates/cupang/index.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/products.html b/app/modules/cupang/templates/cupang/products.html index 0276507..a1fc1f0 100644 --- a/app/modules/cupang/templates/cupang/products.html +++ b/app/modules/cupang/templates/cupang/products.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/view.html b/app/modules/cupang/templates/cupang/view.html index 115d2a8..8d7d6db 100644 --- a/app/modules/cupang/templates/cupang/view.html +++ b/app/modules/cupang/templates/cupang/view.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %} {# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #} diff --git a/app/static/cupang.css b/app/static/cupang.css index 7e9a30d..e4bcc29 100644 --- a/app/static/cupang.css +++ b/app/static/cupang.css @@ -1465,3 +1465,30 @@ body.cpg-dragging { cursor: grabbing; user-select: none; } .cpg-calc-sum .cpg-sum-scroll { max-height: min(64vh, 720px); } /* 용량 초과 표시 */ .cpg-mix-fill.is-over { color: var(--color-callout-red); font-weight: 600; } + +/* ── 스크롤 확실히 (부모 높이 계산 실패해도 동작하도록 이중 안전장치) ── */ +/* 카드마다 최대 높이 → 넘치면 카드 자체가 스크롤된다 */ +.cpg-calc3 > .erp-card { max-height: min(82vh, 900px); } +.cpg-dist-card { overflow-y: auto; overflow-x: hidden; } +/* 안쪽 목록은 스크롤바 자리를 항상 확보해 두어 눈에 보이게 */ +.cpg-dist-card .cpg-dist-list, +.cpg-calc-sum .cpg-sum-scroll, +.cpg-calc-card .erp-table-wrap { + overflow-y: auto; + overscroll-behavior: contain; + scrollbar-gutter: stable; +} +/* 크롬/웨일에서 오버레이 스크롤바가 숨지 않도록 폭을 지정 */ +.cpg-dist-card .cpg-dist-list::-webkit-scrollbar, +.cpg-calc-sum .cpg-sum-scroll::-webkit-scrollbar, +.cpg-calc-card .erp-table-wrap::-webkit-scrollbar, +.cpg-dist-card::-webkit-scrollbar { width: 10px; } +.cpg-dist-card .cpg-dist-list::-webkit-scrollbar-thumb, +.cpg-calc-sum .cpg-sum-scroll::-webkit-scrollbar-thumb, +.cpg-calc-card .erp-table-wrap::-webkit-scrollbar-thumb, +.cpg-dist-card::-webkit-scrollbar-thumb { + background: var(--color-subtle-ash); + border-radius: 999px; +} +.cpg-dist-card .cpg-dist-list::-webkit-scrollbar-thumb:hover, +.cpg-dist-card::-webkit-scrollbar-thumb:hover { background: var(--color-midtone-gray); }