diff --git a/design/uiux/uiux.md b/design/uiux/uiux.md index f8eebe3..1467950 100644 --- a/design/uiux/uiux.md +++ b/design/uiux/uiux.md @@ -4,7 +4,7 @@ - **작성일**: 2025-10-21 - **최종 수정일**: 2025-10-23 - **작성자**: 이미준 (서비스 기획자) -- **버전**: 1.4.11 +- **버전**: 1.4.14 - **설계 철학**: Mobile First Design --- @@ -2103,7 +2103,7 @@ graph TD | 1.4.11 | 2025-10-23 | 강지수 | 회의 진행 화면 액션아이템 탭 UI/UX 개선
- **05-회의진행**: 액션아이템 섹션 사용성 개선
- **"편집" 버튼 제거**: 전체 영역 편집 버튼 삭제, "추가" 버튼으로 변경
- **Todo 카드별 편집 버튼 추가**: 10-회의록상세조회 화면과 동일한 구조
- 각 Todo 카드 우측에 ✏️ 편집 버튼 배치
- common.css의 .todo-card 스타일 재사용으로 일관성 유지
- **Todo 편집 모달 구현**: 추가/편집 공통 모달
- 모달 제목: "Todo 추가" 또는 "Todo 편집" (동적 변경)
- 입력 필드: Todo 제목(필수), 담당자 선택(필수), 마감일(필수), 우선순위(필수)
- 유효성 검사: 각 필드별 필수 검증
- 모바일: 전체화면 모달 (100vh), 데스크톱: 중앙 모달 (600px)
- **인터랙션 정의**:
- "추가" 버튼: 빈 모달 표시, 모든 필드 초기화
- "편집" 버튼: 기존 Todo 데이터 로드 및 모달 표시
- "저장" 버튼: 유효성 검사 후 저장, 성공 토스트 표시
- **JavaScript 함수 추가**: addTodoItem(), editTodoItem(todoId), saveTodoItem()
- **프로토타입**: design/uiux/prototype/05-회의진행.html 수정 (~100줄 추가)
- **스타일 가이드**: design/uiux/style-guide.md v1.2.1 (변경 이력 추가)
- **일관성**: 10-회의록상세조회, 09-Todo관리 화면과 Todo 카드 편집 방식 통일 | | 1.4.12 | 2025-10-23 | 강지수 | 05-회의진행 화면 Todo 카드 스타일 10-회의록상세조회와 완전 통일
- **Todo 카드 HTML 구조 통일**:
- 기존: inline-flex 기반 간소화 구조
- 변경: `.todo-card` > `.todo-top` > (`.todo-checkbox-wrapper` + `.todo-content-wrapper` + `.todo-actions`) 구조
- 10-회의록상세조회.html과 100% 동일한 HTML 구조 적용
- **CSS 스타일 추가**: 페이지 하단 `