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

fix(cupang): 상자 계산 화면이 내용만큼 늘고 페이지가 스크롤되게

Browse Source 
.cpg 가 flex:1 1 auto + min-height:0 이라 남은 높이에 맞춰 눌리기만 해서
③ 이 늘어나도 페이지 높이가 그대로였다(=스크롤 안 됨).
이 화면에만 .cpg-page-grow 를 붙여 flex:0 0 auto 로 두고,
페이지 스크롤 시 ①② 내부 스크롤 높이를 다시 계산한다.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-01 17:33:09 +09:00
parent 1047175346
commit 99c0581d9a
7 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/cupang/templates/cupang/box_calc.html
+4 -2
View File
@@ -1,9 +1,9 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
{% block content %}
<section class="cpg">
<section class="cpg cpg-page-grow">
<div class="erp-page-actions">
<a class="erp-btn erp-btn-primary" href="/cupang/">◀◀ 달력</a>
@@ -1085,6 +1085,8 @@
}
window.addEventListener("resize", fitScrollAreas);
var pageScroller = document.querySelector(".erp-page");
if (pageScroller) pageScroller.addEventListener("scroll", fitScrollAreas, { passive: true });
function render() { renderSummary(); renderDist(); fitScrollAreas(); }
app/modules/cupang/templates/cupang/box_rules.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/centers.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/index.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/products.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/view.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
{% block content %}
{# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}
app/static/cupang.css
+10
View File
@@ -1518,3 +1518,13 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
overflow: visible !important;
min-height: 0;
}
/* ── 상자 계산 화면: 내용만큼 늘어나고, 넘치면 페이지(.erp-page)가 스크롤 ──
.cpg 는 기본적으로 flex:1 1 auto + min-height:0 이라 남은 높이에 맞춰
눌리기만 하고(=페이지가 안 늘어남) 넘친 내용이 잘려 보였다. */
.erp-page > .cpg-page-grow {
flex: 0 0 auto;
min-height: auto;
}
.cpg-page-grow .cpg-calc3 { flex: 0 0 auto; min-height: 0; }
.cpg-page-grow .cpg-dist-card { align-self: start; }