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

style(cupang): 등록 제품 표 한 줄 고정 (긴 이름/코드는 … 처리)

Browse Source 
table-layout: fixed + 열 폭 지정, 셀 nowrap/ellipsis, 동작 버튼 한 줄.
잘린 값은 title 툴팁으로 전체 확인.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-01 12:07:15 +09:00
parent 418166d810
commit 163c6c2f00
8 changed files with 35 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/cupang/templates/cupang/box_calc.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=20260901b" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901c" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
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=20260901b" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901c" />{% 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=20260901b" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901c" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/detail.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=20260901b" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901c" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/form.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=20260901b" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901c" />{% 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=20260901b" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901c" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/products.html
+4 -4
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=20260901b" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901c" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -69,9 +69,9 @@
<tr data-name="{{ p.product_name }}" data-code="{{ p.product_code }}" <tr data-name="{{ p.product_name }}" data-code="{{ p.product_code }}"
data-cpcode="{{ p.coupang_item_code }}" data-cpcode="{{ p.coupang_item_code }}"
class="cpg-prod-row{% if not p.active %} is-inactive{% endif %}"> class="cpg-prod-row{% if not p.active %} is-inactive{% endif %}">
<td>{{ p.product_name }}</td> <td title="{{ p.product_name }}">{{ p.product_name }}</td>
<td>{{ p.product_code }}</td> <td title="{{ p.product_code }}">{{ p.product_code }}</td>
<td class="cpg-cpcode">{% if p.coupang_item_code %}{{ p.coupang_item_code }}{% else %}<span class="erp-muted">—</span>{% endif %}</td> <td class="cpg-cpcode" title="{{ p.coupang_item_code }}">{% if p.coupang_item_code %}{{ p.coupang_item_code }}{% else %}<span class="erp-muted">—</span>{% endif %}</td>
<td> <td>
<!-- 배지 자체가 토글 버튼: 클릭 → 활성/비활성 전환 --> <!-- 배지 자체가 토글 버튼: 클릭 → 활성/비활성 전환 -->
<button type="button" class="erp-badge cpg-active-toggle <button type="button" class="erp-badge cpg-active-toggle
app/static/cupang.css
+25
View File
@@ -1093,3 +1093,28 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
color: var(--color-midtone-gray); color: var(--color-midtone-gray);
font-size: 12px; font-size: 12px;
} }
/* ── 설정(제품명) 등록 목록 표 — 한 줄 고정 (넘치면 … 처리) ── */
.cpg-prod-right .erp-table { table-layout: fixed; width: 100%; }
.cpg-prod-right .erp-table thead th,
.cpg-prod-right .erp-table tbody td {
padding: 8px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
/* 제품명(남는 폭) / 제품코드 / 쿠팡상품코드 / 상태 / 동작 */
.cpg-prod-right .erp-table th:nth-child(2),
.cpg-prod-right .erp-table td:nth-child(2) { width: 96px; }
.cpg-prod-right .erp-table th:nth-child(3),
.cpg-prod-right .erp-table td:nth-child(3) { width: 104px; }
.cpg-prod-right .erp-table th:nth-child(4),
.cpg-prod-right .erp-table td:nth-child(4) { width: 62px; }
.cpg-prod-right .erp-table th:nth-child(5),
.cpg-prod-right .erp-table td:nth-child(5) { width: 108px; }
.cpg-prod-right .cpg-sort { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
/* 동작 버튼은 가로 한 줄 */
.cpg-prod-right .cpg-row-actions { flex-wrap: nowrap; gap: 4px; }
.cpg-prod-right .cpg-row-actions .erp-btn { padding: 3px 8px; font-size: 12px; line-height: 1.5; }
.cpg-prod-right .cpg-active-toggle { white-space: nowrap; }