Skip to content

fix(layout): TaskDetail SidePanel 열릴 때 다른 패널 자동 닫힘 처리 - #114

Merged
lnu8926-web merged 6 commits into
mainfrom
fix/layout-ux
May 14, 2026
Merged

fix(layout): TaskDetail SidePanel 열릴 때 다른 패널 자동 닫힘 처리#114
lnu8926-web merged 6 commits into
mainfrom
fix/layout-ux

Conversation

@lnu8926-web

@lnu8926-web lnu8926-web commented May 14, 2026

Copy link
Copy Markdown
Owner

관련 이슈

closes #101

문제

칸반 뷰에서 태스크를 클릭하면 열리는 TaskDetail SidePanel(fixed z-50)이 flex 레이아웃의 MemoView, ProjectInfoPanel을 완전히 덮어버려 동시 사용이 불가능했습니다.

변경 내용

TaskDetail이 열릴 때 다른 패널을 자동으로 닫는 방식으로 처리했습니다.

  • KanbanBoardonPanelOpen prop 추가
  • 태스크 클릭(handleTaskClick) 시 onPanelOpen 호출
  • workspace에서 onPanelOpen 수신 시 MemoView, ProjectInfoPanel 닫힘

변경 파일

  • src/components/features/kanban/KanbanBoard.tsx
  • src/app/(main)/project/workspace/[id]/page.tsx

테스트 체크리스트

  • 메모 패널 열린 상태에서 태스크 클릭 시 메모 패널 닫히는 것 확인
  • 프로젝트 정보 패널 열린 상태에서 태스크 클릭 시 닫히는 것 확인
  • TaskDetail 닫은 후 메모 버튼으로 다시 열 수 있는 것 확인

🤖 Generated with Claude Code

lnu8926-web and others added 5 commits May 13, 2026 17:25
- layout.tsx content div에 pt-16 추가로 단일 오프셋 처리
- Container의 py-25를 pb-25 pt-6으로 분리해 상단 중복 제거
- workspace 페이지 로딩/메인 div의 pt-16 제거

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- BottomNavigation에서 메모 탭 제거 (캘린더/칸반 뷰 전환만 담당)
- KanbanHeader, CalendarHeader에 메모 토글 버튼 추가
- KanbanBoard, CalendarView에 onToggleMemo/showMemoPanel prop 연결
- 뷰 전환 시 메모 패널 강제 닫힘 동작 제거

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- opacity-0 group-hover 방식 제거 → 터치 기기 접근 불가 문제 해결
- 우상단 ⋮ 버튼 추가, 클릭 시 수정/삭제 드롭다운 표시
- 외부 클릭 시 메뉴 닫힘 처리

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- onClose prop 추가 및 헤더 내 X 버튼 렌더링
- workspace에서 onClose={() => setShowMemoPanel(false)} 전달

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- KanbanBoard에 onPanelOpen prop 추가
- 태스크 클릭 시 MemoView, ProjectInfoPanel 닫힘 처리

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel

vercel Bot commented May 14, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
next_taskry Error Error May 14, 2026 1:37am

@lnu8926-web
lnu8926-web merged commit 6c82a6c into main May 14, 2026
1 of 3 checks passed
@lnu8926-web
lnu8926-web deleted the fix/layout-ux branch May 14, 2026 01:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[layout] TaskDetail SidePanel과 MemoView 동시 열림 충돌

1 participant