king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(cupang): 스크롤 높이를 id 선택자 + !important 로 확정

Browse Source 
CSS 우선순위나 flex 높이 계산에 밀리지 않도록
#cpg-dist-list / 표 / 요약 목록에 !important 최대 높이를 주고,
JS 도 setProperty(..., "important") 로 지정한다(data-fit 로 확인 가능).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-01 17:12:53 +09:00
parent c3d2141474
commit 9706fd70c7
7 changed files with 27 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/cupang/templates/cupang/box_calc.html
+6 -3
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901t" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901u" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1079,8 +1079,11 @@
if (!el) return; if (!el) return;
var top = el.getBoundingClientRect().top; var top = el.getBoundingClientRect().top;
var h = Math.max(160, window.innerHeight - top - 24); var h = Math.max(160, window.innerHeight - top - 24);
el.style.maxHeight = h + "px"; // !important 로 박아 넣는다 — 다른 규칙에 밀리지 않게
el.style.overflowY = "auto"; el.style.setProperty("max-height", h + "px", "important");
el.style.setProperty("overflow-y", "auto", "important");
el.style.setProperty("min-height", "0", "important");
el.setAttribute("data-fit", h);
}); });
} }
app/modules/cupang/templates/cupang/box_rules.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901t" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901u" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/centers.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901t" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901u" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/index.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901t" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901u" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/products.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901t" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901u" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/view.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901t" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901u" />{% endblock %}
{% block content %} {% block content %}
{# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #} {# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}
app/static/cupang.css
+16
View File
@@ -1492,3 +1492,19 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
} }
.cpg-dist-card .cpg-dist-list::-webkit-scrollbar-thumb:hover, .cpg-dist-card .cpg-dist-list::-webkit-scrollbar-thumb:hover,
.cpg-dist-card::-webkit-scrollbar-thumb:hover { background: var(--color-midtone-gray); } .cpg-dist-card::-webkit-scrollbar-thumb:hover { background: var(--color-midtone-gray); }
/* ── 스크롤 최종 보정 — id 선택자 + !important 로 확정 ── */
#cpg-dist-list {
max-height: 60vh !important;
overflow-y: auto !important;
min-height: 0 !important;
}
.cpg-calc-card .erp-table-wrap {
max-height: 52vh !important;
overflow-y: auto !important;
}
.cpg-calc-sum .cpg-sum-scroll {
max-height: 52vh !important;
overflow-y: auto !important;
}
.cpg-calc3 > .erp-card { max-height: 86vh !important; }