Fix: 관리함 날짜별 그룹에서 이슈가 잘리는 문제 수정
- CSS max-height 제한으로 인한 내용 잘림 문제 해결 - collapse-content의 max-height를 1000px → none으로 변경 - 기본 상태를 펼쳐진 상태로 설정하여 모든 이슈 표시 - 날짜별 그룹 초기화 로직 추가 - 디버깅 로그 추가로 각 날짜 그룹의 이슈 개수 확인 가능 이제 완료된 이슈 3개가 모두 정상적으로 표시됩니다.
This commit is contained in:
@@ -172,13 +172,14 @@
|
||||
}
|
||||
|
||||
.collapse-content {
|
||||
max-height: 1000px;
|
||||
overflow: hidden;
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
transition: max-height 0.3s ease-out;
|
||||
}
|
||||
|
||||
.collapse-content.collapsed {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 진행 중 카드 스타일 */
|
||||
@@ -658,6 +659,8 @@
|
||||
const issues = groupedByDate[date];
|
||||
const groupId = `group-${date.replace(/\./g, '-')}`;
|
||||
|
||||
console.log(`📅 날짜 그룹 [${date}]: ${issues.length}개 이슈`);
|
||||
|
||||
return `
|
||||
<div class="date-group">
|
||||
<div class="date-header flex items-center justify-between p-3 bg-gray-50 rounded-lg"
|
||||
@@ -682,6 +685,18 @@
|
||||
}).join('');
|
||||
|
||||
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)';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 이슈 행 생성 함수
|
||||
|
||||
Reference in New Issue
Block a user