fix(cupang): 박스 계산 표 표기 정리·상자 라벨 고정
- 제품 드롭다운은 제품명만 표시(박스·입수량 병기 제거) - 표 머리글 가운데 정렬 + 굵게 - 셀 옆에 나타나던 "…"" 제거: input/button 이 든 셀까지 text-overflow: ellipsis 가 걸려 빈 말줄임표가 그려졌다. 말줄임은 글자 셀에만 적용 - 혼합 박스 그림의 호수 추출 로직 삭제 → 항상 "쿠팡박스" 표기(글자 수에 맞춰 라벨 크기 11px) Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -331,7 +331,7 @@
|
||||
.cpg-calc-table { table-layout: fixed; width: 100%; }
|
||||
.cpg-calc-table th, .cpg-calc-table td { padding: 8px 6px; }
|
||||
.cpg-calc-table .cpg-calc-num { text-align: right; white-space: nowrap; }
|
||||
.cpg-calc-table th.cpg-calc-num { text-align: right; }
|
||||
|
||||
.cpg-calc-table .cpg-calc-name { width: 100%; min-width: 0; }
|
||||
.cpg-calc-table .cpg-calc-qty { width: 100%; min-width: 0; text-align: right; padding-left: 6px; padding-right: 6px; }
|
||||
.cpg-calc-table .cpg-calc-box { white-space: nowrap; font-size: 13px; }
|
||||
@@ -344,9 +344,13 @@
|
||||
.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 레이아웃에서 내용이 셀 밖으로 삐져나와 가로 스크롤이 생기는 것을 막는다. */
|
||||
.cpg-calc-table th, .cpg-calc-table td { overflow: hidden; text-overflow: ellipsis; }
|
||||
.cpg-calc-table thead th { white-space: nowrap; }
|
||||
/* fixed 레이아웃에서 내용이 셀 밖으로 삐져나와 가로 스크롤이 생기는 것을 막는다.
|
||||
말줄임(…)은 글자 셀에만 준다 — input/button 이 든 셀에 주면 빈 "…" 이 그려진다. */
|
||||
.cpg-calc-table th, .cpg-calc-table td { overflow: hidden; }
|
||||
.cpg-calc-table thead th { white-space: nowrap; text-align: center; font-weight: 700; color: var(--color-rich-black); }
|
||||
.cpg-calc-table .cpg-calc-box { text-overflow: ellipsis; }
|
||||
/* 숫자열 헤더도 가운데 정렬(본문 셀은 우측 정렬 유지) */
|
||||
.cpg-calc-table thead th.cpg-calc-num { text-align: center; }
|
||||
.cpg-calc-row.cpg-calc-warn { background: color-mix(in srgb, var(--color-callout-red) 8%, transparent); }
|
||||
.cpg-calc-actions { margin-top: 12px; gap: 8px; align-items: center; }
|
||||
/* 상단선 정렬: 2열 그리드에서는 위 여백을 주지 않는다. */
|
||||
@@ -565,7 +569,7 @@
|
||||
/* 상자 그림 안 박스 호수 라벨 (예: 2호) */
|
||||
.cpg-box-label {
|
||||
font-family: inherit;
|
||||
font-size: 15px;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
fill: #8a5a1e;
|
||||
paint-order: stroke;
|
||||
|
||||
Reference in New Issue
Block a user