fix(cupang): ③ 만 내부 스크롤, 페이지 전체 스크롤은 없앰
앞선 커밋의 .cpg-page-grow(페이지가 늘어나는 방식)를 되돌리고, ③ 카드는 overflow:hidden + 목록만 스크롤로 복구. JS 높이 계산 대상에 ③ 목록을 다시 포함(창높이-요소top, 260 이하면 60vh). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
+11
-21
@@ -1494,10 +1494,10 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
|
||||
.cpg-dist-card::-webkit-scrollbar-thumb:hover { background: var(--color-midtone-gray); }
|
||||
|
||||
/* ── 스크롤 최종 보정 — id 선택자 + !important 로 확정 ── */
|
||||
/* ③ 센터 목록은 내용만큼 늘어난다(자르지 않음). 넘치면 페이지가 스크롤. */
|
||||
/* ③ 센터 목록은 카드 안에서만 스크롤 */
|
||||
#cpg-dist-list {
|
||||
max-height: none !important;
|
||||
overflow: visible !important;
|
||||
min-height: 0 !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
.cpg-calc-card .erp-table-wrap {
|
||||
max-height: 52vh !important;
|
||||
@@ -1507,24 +1507,14 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
|
||||
max-height: 52vh !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
.cpg-calc3 > .cpg-dist-card { max-height: none !important; overflow: visible !important; }
|
||||
.cpg-calc3 > .erp-card { max-height: 86vh !important; }
|
||||
|
||||
/* ③ 센터 분배 — 내용에 따라 높이가 늘어나도록 (클리핑/스크롤 제거) */
|
||||
.cpg-dist-card,
|
||||
.cpg-calc3 > .cpg-dist-card { max-height: none !important; overflow: visible !important; }
|
||||
.cpg-dist-card .cpg-dist-list,
|
||||
#cpg-dist-list {
|
||||
max-height: none !important;
|
||||
overflow: visible !important;
|
||||
min-height: 0;
|
||||
/* ③ 센터 분배 — 카드는 잘라내고 목록만 스크롤 */
|
||||
.cpg-dist-card { overflow: hidden !important; }
|
||||
.cpg-dist-card .cpg-dist-list {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0 !important;
|
||||
overflow-y: auto !important;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* ── 상자 계산 화면: 내용만큼 늘어나고, 넘치면 페이지(.erp-page)가 스크롤 ──
|
||||
.cpg 는 기본적으로 flex:1 1 auto + min-height:0 이라 남은 높이에 맞춰
|
||||
눌리기만 하고(=페이지가 안 늘어남) 넘친 내용이 잘려 보였다. */
|
||||
.erp-page > .cpg-page-grow {
|
||||
flex: 0 0 auto;
|
||||
min-height: auto;
|
||||
}
|
||||
.cpg-page-grow .cpg-calc3 { flex: 0 0 auto; min-height: 0; }
|
||||
.cpg-page-grow .cpg-dist-card { align-self: start; }
|
||||
|
||||
Reference in New Issue
Block a user