fix(cupang): 계산표 제품명 열만 좁히고 나머지 열 헤더 잘림 복구
제품명 열이 남는 폭을 전부 가져가면서 다른 열이 눌려 헤더가 "박…" 처럼 잘렸다. 제품명 열에 고정 폭 180px 을 주고 수량 78 / 박스·입수량 116 / 숫자 64 / 삭제 40 으로 되돌려, 남는 폭은 지정 폭 비율대로 나눠 갖게 한다. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -337,10 +337,13 @@
|
||||
.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-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; }
|
||||
.cpg-calc-table col.cpg-col-n { width: 46px; }
|
||||
.cpg-calc-table col.cpg-col-act { width: 34px; }
|
||||
/* 제품명 칸을 좁게 고정하고, 나머지 열은 헤더가 잘리지 않을 폭을 준다.
|
||||
fixed 레이아웃이라 남는 폭은 지정 폭 비율대로 나눠 가진다. */
|
||||
.cpg-calc-table col.cpg-col-name { width: 180px; }
|
||||
.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 레이아웃에서 내용이 셀 밖으로 삐져나와 가로 스크롤이 생기는 것을 막는다. */
|
||||
.cpg-calc-table th, .cpg-calc-table td { overflow: hidden; text-overflow: ellipsis; }
|
||||
.cpg-calc-table thead th { white-space: nowrap; }
|
||||
|
||||
Reference in New Issue
Block a user