feat(cupang): 발주 업로드 UX 개선 + 3열 프레임 각각 스크롤
- [쿠팡 발주파일 업로드] 라벨 버튼, 파일 선택 즉시 자동 분석(분석 버튼 제거) - 안내 문구와 분석 결과 상세 표시 제거 — 경고만 남김 - ①②③ 카드가 각자 스크롤: 문서 전체는 스크롤되지 않음 · ① 표 머리글 sticky, 행 높이 축소로 품목 더 많이 표시 · ② KPI 요약까지 고정, 아래 목록만 스크롤 · ③ 헤더/센터 선택 고정, 센터 목록만 스크롤 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
+48
-2
@@ -601,7 +601,6 @@
|
||||
.cpg-calc-card .erp-table-wrap {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
max-height: min(58vh, 560px);
|
||||
}
|
||||
.cpg-calc-card .cpg-calc-table thead th {
|
||||
position: sticky;
|
||||
@@ -615,7 +614,7 @@
|
||||
.cpg-calc-layout { align-items: stretch; }
|
||||
.cpg-calc-layout > .erp-card { display: flex; flex-direction: column; }
|
||||
.cpg-calc-card .erp-table-wrap { flex: 1 1 auto; }
|
||||
.cpg-calc-sum { overflow: auto; max-height: min(78vh, 900px); }
|
||||
.cpg-calc-sum { overflow: hidden; }
|
||||
|
||||
/* 제품명 설정 — 수기 추가 폼 */
|
||||
.cpg-prod-manual {
|
||||
@@ -1343,3 +1342,50 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
|
||||
padding: 2px 8px; font-size: 12px; line-height: 1.6;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* ══════════════════════════════════════════════════════════════
|
||||
박스 계산 3열 — 카드마다 자체 스크롤(문서 전체는 스크롤 안 함)
|
||||
각 카드: 헤더/요약은 고정, 목록만 스크롤
|
||||
══════════════════════════════════════════════════════════════ */
|
||||
.cpg-calc3 { flex: 1 1 auto; min-height: 0; }
|
||||
.cpg-calc3 > .erp-card { min-height: 0; overflow: hidden; }
|
||||
.cpg-calc3 .cpg-card-head,
|
||||
.cpg-calc3 .cpg-po-box,
|
||||
.cpg-calc3 .cpg-sum-kpis,
|
||||
.cpg-calc3 .cpg-center-pick,
|
||||
.cpg-calc3 .cpg-calc-actions,
|
||||
.cpg-calc3 > .erp-card > .cpg-sum-h3 { flex-shrink: 0; }
|
||||
|
||||
/* ① 입력 표 — 표 머리글 고정 + 표만 스크롤 */
|
||||
.cpg-calc-card .erp-table-wrap { flex: 1 1 auto; min-height: 0; }
|
||||
.cpg-calc-card .cpg-calc-table thead th {
|
||||
position: sticky; top: 0; z-index: 2; background: var(--color-canvas-white);
|
||||
}
|
||||
/* 행 높이 축소 — 한 화면에 더 많은 품목 */
|
||||
.cpg-calc-card .cpg-calc-table th,
|
||||
.cpg-calc-card .cpg-calc-table td { padding: 2px 6px; }
|
||||
.cpg-calc-card .cpg-calc-table .erp-select,
|
||||
.cpg-calc-card .cpg-calc-table .erp-input {
|
||||
padding: 2px 6px; font-size: 12px; line-height: 1.5; height: auto;
|
||||
}
|
||||
.cpg-calc-card .cpg-calc-table .cpg-calc-del { padding: 0 6px; font-size: 11px; line-height: 1.6; }
|
||||
|
||||
/* ② 요약 — KPI 까지 고정, 아래 목록만 스크롤 */
|
||||
.cpg-calc-sum #cpg-sum-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
|
||||
.cpg-sum-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-right: 2px; }
|
||||
.cpg-sum-scroll > .cpg-sum-h3:first-child { margin-top: 0; }
|
||||
|
||||
/* ③ 센터 분배 — 센터 목록만 스크롤 */
|
||||
.cpg-dist-card .cpg-dist-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-right: 2px; }
|
||||
|
||||
/* 업로드 버튼 — 네이티브 file input 은 숨기고 라벨을 버튼처럼 */
|
||||
.cpg-po-pick { cursor: pointer; }
|
||||
.cpg-po-box .cpg-po-file {
|
||||
position: absolute; width: 1px; height: 1px;
|
||||
padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(0 0 0 0);
|
||||
}
|
||||
.cpg-po-row { align-items: center; }
|
||||
.cpg-po-msg { margin: 0; font-size: 12px; }
|
||||
/* 상단 액션/출고일 탭은 줄어들지 않게 (3열 프레임만 남은 높이를 차지) */
|
||||
.cpg > .erp-page-actions,
|
||||
.cpg > .cpg-date-tabs { flex-shrink: 0; }
|
||||
|
||||
Reference in New Issue
Block a user