fix(cupang): 계산표 제품명 열만 좁히고 나머지 열 헤더 잘림 복구
제품명 열이 남는 폭을 전부 가져가면서 다른 열이 눌려 헤더가 "박…" 처럼 잘렸다. 제품명 열에 고정 폭 180px 을 주고 수량 78 / 박스·입수량 116 / 숫자 64 / 삭제 40 으로 되돌려, 남는 폭은 지정 폭 비율대로 나눠 갖게 한다. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
{% extends "erp_base.html" %}
|
{% extends "erp_base.html" %}
|
||||||
|
|
||||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828w" />{% endblock %}
|
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828x" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="cpg">
|
<section class="cpg">
|
||||||
@@ -30,7 +30,7 @@
|
|||||||
<div class="erp-table-wrap">
|
<div class="erp-table-wrap">
|
||||||
<table class="erp-table cpg-calc-table">
|
<table class="erp-table cpg-calc-table">
|
||||||
<colgroup>
|
<colgroup>
|
||||||
<col />
|
<col class="cpg-col-name" />
|
||||||
<col class="cpg-col-qty" />
|
<col class="cpg-col-qty" />
|
||||||
<col class="cpg-col-box" />
|
<col class="cpg-col-box" />
|
||||||
<col class="cpg-col-n" />
|
<col class="cpg-col-n" />
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{% extends "erp_base.html" %}
|
{% extends "erp_base.html" %}
|
||||||
|
|
||||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828w" />{% endblock %}
|
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828x" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="cpg">
|
<section class="cpg">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{% extends "erp_base.html" %}
|
{% extends "erp_base.html" %}
|
||||||
|
|
||||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828w" />{% endblock %}
|
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828x" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="cpg">
|
<section class="cpg">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{% extends "erp_base.html" %}
|
{% extends "erp_base.html" %}
|
||||||
|
|
||||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828w" />{% endblock %}
|
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828x" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="cpg">
|
<section class="cpg">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{% extends "erp_base.html" %}
|
{% extends "erp_base.html" %}
|
||||||
|
|
||||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828w" />{% endblock %}
|
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828x" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="cpg">
|
<section class="cpg">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{% extends "erp_base.html" %}
|
{% extends "erp_base.html" %}
|
||||||
|
|
||||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828w" />{% endblock %}
|
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828x" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="cpg">
|
<section class="cpg">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{% extends "erp_base.html" %}
|
{% extends "erp_base.html" %}
|
||||||
|
|
||||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828w" />{% endblock %}
|
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260828x" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="cpg">
|
<section class="cpg">
|
||||||
|
|||||||
@@ -337,10 +337,13 @@
|
|||||||
.cpg-calc-table .cpg-calc-box { white-space: nowrap; font-size: 13px; }
|
.cpg-calc-table .cpg-calc-box { white-space: nowrap; font-size: 13px; }
|
||||||
.cpg-calc-table .cpg-calc-act { text-align: center; }
|
.cpg-calc-table .cpg-calc-act { text-align: center; }
|
||||||
.cpg-calc-table .cpg-calc-del { padding: 2px 8px; line-height: 1.4; }
|
.cpg-calc-table .cpg-calc-del { padding: 2px 8px; line-height: 1.4; }
|
||||||
.cpg-calc-table col.cpg-col-qty { width: 68px; }
|
/* 제품명 칸을 좁게 고정하고, 나머지 열은 헤더가 잘리지 않을 폭을 준다.
|
||||||
.cpg-calc-table col.cpg-col-box { width: 96px; }
|
fixed 레이아웃이라 남는 폭은 지정 폭 비율대로 나눠 가진다. */
|
||||||
.cpg-calc-table col.cpg-col-n { width: 46px; }
|
.cpg-calc-table col.cpg-col-name { width: 180px; }
|
||||||
.cpg-calc-table col.cpg-col-act { width: 34px; }
|
.cpg-calc-table col.cpg-col-qty { width: 78px; }
|
||||||
|
.cpg-calc-table col.cpg-col-box { width: 116px; }
|
||||||
|
.cpg-calc-table col.cpg-col-n { width: 64px; }
|
||||||
|
.cpg-calc-table col.cpg-col-act { width: 40px; }
|
||||||
/* fixed 레이아웃에서 내용이 셀 밖으로 삐져나와 가로 스크롤이 생기는 것을 막는다. */
|
/* fixed 레이아웃에서 내용이 셀 밖으로 삐져나와 가로 스크롤이 생기는 것을 막는다. */
|
||||||
.cpg-calc-table th, .cpg-calc-table td { overflow: hidden; text-overflow: ellipsis; }
|
.cpg-calc-table th, .cpg-calc-table td { overflow: hidden; text-overflow: ellipsis; }
|
||||||
.cpg-calc-table thead th { white-space: nowrap; }
|
.cpg-calc-table thead th { white-space: nowrap; }
|
||||||
|
|||||||
Reference in New Issue
Block a user