Fix: 관리함 날짜별 그룹에서 이슈가 잘리는 문제 수정

- CSS max-height 제한으로 인한 내용 잘림 문제 해결
- collapse-content의 max-height를 1000px → none으로 변경
- 기본 상태를 펼쳐진 상태로 설정하여 모든 이슈 표시
- 날짜별 그룹 초기화 로직 추가
- 디버깅 로그 추가로 각 날짜 그룹의 이슈 개수 확인 가능

이제 완료된 이슈 3개가 모두 정상적으로 표시됩니다.
This commit is contained in:
2025-11-17 06:37:07 +09:00
parent 61682efb33
commit c4af58d849

View File

@@ -172,13 +172,14 @@
} }
.collapse-content { .collapse-content {
max-height: 1000px; max-height: none;
overflow: hidden; overflow: visible;
transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out;
} }
.collapse-content.collapsed { .collapse-content.collapsed {
max-height: 0; max-height: 0;
overflow: hidden;
} }
/* 진행 중 카드 스타일 */ /* 진행 중 카드 스타일 */
@@ -658,6 +659,8 @@
const issues = groupedByDate[date]; const issues = groupedByDate[date];
const groupId = `group-${date.replace(/\./g, '-')}`; const groupId = `group-${date.replace(/\./g, '-')}`;
console.log(`📅 날짜 그룹 [${date}]: ${issues.length}개 이슈`);
return ` return `
<div class="date-group"> <div class="date-group">
<div class="date-header flex items-center justify-between p-3 bg-gray-50 rounded-lg" <div class="date-header flex items-center justify-between p-3 bg-gray-50 rounded-lg"
@@ -682,6 +685,18 @@
}).join(''); }).join('');
container.innerHTML = dateGroups; container.innerHTML = dateGroups;
// 모든 날짜 그룹을 기본적으로 펼쳐진 상태로 초기화
Object.keys(groupedByDate).forEach(date => {
const groupId = `group-${date.replace(/\./g, '-')}`;
const content = document.getElementById(groupId);
const icon = document.getElementById(`icon-${groupId}`);
if (content && icon) {
content.classList.remove('collapsed');
icon.style.transform = 'rotate(0deg)';
}
});
} }
// 이슈 행 생성 함수 // 이슈 행 생성 함수