- 이름과 같은 줄에서 폭을 다투다 이름이 2줄로 꺾이던 문제 수정 — 이름
span 을 flex:1 로 만들어 실제 컨테이너 폭에 맞춰 한 줄 말줄임표 처리.
(헤드리스 크롬으로 긴 이름 강제 렌더해 width/scrollWidth/offsetHeight
실측 확인 — 한 줄 유지됨)
- 개수 배지를 .pj-mytree-tasks(접히는 업무 목록)의 형제로 옮겨 폴더를
접어도 계속 보이게 함
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
기존엔 완료 프로젝트가 "완료된 프로젝트" 별도 섹션(숨기기 토글 포함)으로
빠졌는데, 요청에 따라 세션 완료 처리와 같은 방식으로 바꿈 — 같은 그리드
안에서 완료 여부 → sort_order → id 순으로 안정 정렬해 완료면 맨 끝으로,
해제하면 sort_order 기준 원래 자리로 자동 복귀(resortProjectGrid, 서버
쪽도 index() 에서 같은 기준으로 미리 정렬해 내려줌: _group 아님, 별도
정렬 한 줄 sorted(tree, key=...)). 완료 섹션/숨기기 토글 관련 죽은
코드(JS·CSS·템플릿) 정리.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
프로젝트 이름 오른쪽에 "전체5 진행2 완료3" 형식으로 표시, 숫자는 색깔
있는 동그라미 안에(전체=회색, 진행=파랑, 완료=초록). 서버 렌더용 카운트는
_group_my_tasks() 헬퍼로 통합(홈/프로젝트 화면 중복 제거), 실시간 갱신은
DOM의 실제 <li> 개수를 다시 세는 updateMyTreeCounts()를 기존 sync 함수
(syncMyTaskPanel/syncProjectMyTaskPanel) 안에서 호출해 처리.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
세션이 하나도 없으면 업무를 넣을 세션이 없으므로 아이콘 버튼(disabled)과
우클릭 메뉴 둘 다 막는다. "세션 추가"로 첫 세션을 만들면 새로고침 없이
바로 활성화(dataset.hasStages 갱신 + disabled 해제).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 홈 프로젝트 카드 hover 액션에 "세션 추가" 아이콘 추가(기존 세션 추가
모달을 그대로 재사용, 카드별 projectId 를 들고 다녀 대상 지정)
- "새 업무" 작성 팝업(하위업무/첨부/연결/댓글 칸이 다 숨어 홑겹인 상태)만
480x700 고정 크기로("업무 편집"은 기존 800x1100 그대로), 홈/프로젝트
화면 공용 setTaskModalCompact() 로 토글
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 카드: 이름 옆 작은 점 대신 카드 헤더 윗부분 전체를 프로젝트
색으로 채우고 글자 흰색(보드 세션 헤더와 같은 원칙). 액션 아이콘(업무추가/
수정)도 흰색으로, "완료" 칩은 반투명 흰 배경으로 대비 확보.
- 프로젝트 수정 후 DOM patch 로직도 새 구조(이름이 헤더 안, 설명은 본문
맨 앞)에 맞게 수정.
- 좌측 "프로젝트"/"프로젝트 멤버"/"전체 멤버" 헤더 — 굵기만으론 12px
회색이라 여전히 흐려 보여서, 글자 색을 진한 잉크색으로 올려 대비 확보.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 좌측 "프로젝트 멤버" 아이콘 클릭 시 이 프로젝트 안에서 그 사람이 담당하는
업무 팝업(전체 멤버 팝업과 같은 UI/정렬/더블클릭 편집). 제목은
"[프로젝트 이름]의 [사용자]님의 업무" + 아이콘. GET /api/users/tasks 에
project_id 옵션 추가(멀티호밍 포함 단일 프로젝트 조회 재사용)
- 멤버 업무 팝업에서 더블클릭으로 업무 편집 후 닫으면, 그 자리에 같은
목록을 다시 열어 유지(MutationObserver로 taskModal 닫힘 감지 후 재오픈)
- 멤버 업무 팝업 제목에 아바타 아이콘 추가, "닫기" 버튼 accent 색 적용
- 좌측 "프로젝트"/"프로젝트 멤버" 헤더 더 굵게, 프로젝트 멤버 아이콘 2배 확대
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
.pj-modal-card label { display:block; margin-bottom:12px; font-size:12.5px }
(다른 모달 폼 라벨용 공용 규칙, 클래스+엘리먼트라 상세도 0,1,1)이
.pj-chat-attach-btn(단일 클래스, 상세도 0,1,0)의 display:flex 를 조용히
덮어써서 display:block 이 됐고, flex 아닐 때 align-items/justify-content
는 무효라 아이콘이 정가운데로 안 갔음. margin-bottom:12px 까지 새어들어와
버튼이 실제로 위로 살짝 밀려 보였음. 헤드리스 크롬으로 실제 project.css를
.pj-modal-card 컨텍스트에서 그대로 렌더해 getBoundingClientRect 로 재현
확인 후, .pj-modal-card .pj-chat-attach-btn 로 상세도를 올리고 새는 값
(margin-bottom/font-size)도 명시적으로 되돌려 고침 — 아이콘 상하좌우 7px
로 정확히 정가운데.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 세션 색상: 점 대신 세션 헤더 윗부분 배경을 통째로 칠함(글자/카운트 흰색으로)
- 보드 업무 카드의 댓글 말풍선도 더블클릭하면 채팅 팝업 열리게(.pj-cmt-badge 공용)
- 댓글 채팅 팝업에 파일/이미지 첨부 추가: 클립 버튼 업로드 + 클립보드 이미지
붙여넣기, 이미지는 썸네일, 파일은 확장자 아이콘+파일명으로 표시, 다운로드
가능, 업로드한 사람만 삭제(즉시 반영). task_attachments.comment_id(마이그
레이션 005)로 태깅해 업무 "첨부파일" 패널에도 그대로 함께 나온다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- PUT /api/projects/order 가 /api/projects/{project_id} 뒤에 등록돼 있어
"order" 가 project_id(int) 파싱 실패로 422 나던 버그 수정(라우트 등록 순서
변경 — 경로 매칭은 등록 순서라 path param 뒤에 두면 리터럴 경로가 항상
가려진다). 홈 카드/좌측 프로젝트 트리 드래그 재정렬 둘 다 이 버그였음.
- 세션 편집 팝업 제목에 세션 이름 표시
- 좌측 프로젝트 트리에 드래그 가능 손잡이(⣿) 표시(관리자, hover 시 노출)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 좌측 프로젝트 리스트 드래그 재정렬(관리자, 홈 카드와 동일 API)
- 세션 추가/편집 팝업: 이름 + 아사나 10색 색상표(project_stages.color, 마이그레이션 004)
- 보드 세션 hover 아이콘 확대, 세션 제목 강조(업무 카드보다 크고 굵게)
- 완료 세션 반투명 + 보드 끝으로(정렬 기준만 변경 — 해제 시 원래 순서 자동 복귀)
- 전체 멤버 업무 팝업에 표 헤더(가운데정렬/굵게) + 정렬 아이콘 + 더블클릭 편집
- 댓글 채팅 팝업을 initCommentsChat() 공용화 — project.html에 모달이 없어 "내 업무"
패널 댓글 더블클릭이 전혀 동작 안 했던 버그 수정(동적 배지 재바인딩 누락도 같이 수정)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 홈 프로젝트 카드 드래그 재정렬(관리자, projects.sort_order 공유)
- 프로젝트 제목 색상 pill 스타일로 강조
- 보드 세션 우클릭에 "업무 추가" 메뉴 추가
- 좌측 "멤버"→"프로젝트 멤버" + "전체 멤버" 그리드(클릭 시 담당 업무 팝업)
- 뷰 탭/스코프 토글에 슬라이드 하이라이트 애니메이션
- "내 업무" 패널이 8초 실시간 폴링에서 빠져 있던 문제 수정(홈/프로젝트 화면 모두 /api/my-tasks 로 patch)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 막대 몸통 드래그로 일정 통째 이동, 양 끝 드래그로 시작/마감일만 조절
(vis-timeline editable.updateTime + onMove, PUT /api/tasks/{id} 로 저장,
실패 시 vis 표시만 원래 자리로 롤백 — 전체 재렌더 없이).
- 단일 클릭은 선택만(끝 손잡이가 나타나게) 하도록 바꾸고, 편집 열기는
더블클릭 또는 우클릭 메뉴의 "열기"로 옮김 — 기존엔 클릭 한 번에 모달이
떠서 손잡이가 나타나자마자 가려져 드래그를 할 수 없던 문제.
- 마우스 오버 시 그 업무의 날짜 구간을 전체 높이 배경 밴드로 강조(아사나
타임라인에서 막대에 올리면 헤더 날짜가 진해지는 것과 같은 목적).
- 막대를 둥근 알약형으로, 호버 시 살짝 뜨는 그림자 추가. "오늘" 버튼으로
현재 날짜로 바로 이동.
- 실제 드래그(핸들 좌표 기준)로 헤드리스 크롬에서 검증 — 기간 연장/이동
둘 다 서버에 정확히 저장되는 것까지 확인.
보드/리스트/달력/타임라인 옆에 "대시보드" 탭 신설. 서버 재조회 없이 이미
로드된 tasks(visibleTasks(), 스코프 토글도 그대로 따름)로 클라이언트에서
즉시 집계:
- 통계 카드 4개(완료/미완료/마감초과/전체), 숫자가 0에서 카운트업
- 미완료 작업 합계(섹션별) — 세로 막대, 보드 컬럼과 같은 순서
- 작업 합계(완료 상태별) — SVG 도넛(완료=초록/미완료=포인트컬러), 등장 시
획이 0에서 목표 길이까지 그려짐
- 예정된 작업 합계(담당자별) — 일정 있는 미완료 업무만, 상위 10명+기타
막대/도넛 둘 다 호버 시 값 우선 툴팁, 카드는 순차 페이드인(아사나 느낌).
차트 라이브러리 추가 없이 순수 SVG/CSS로 구현. 탭 5개로 늘면서 좁은
화면에서 텍스트가 줄바꿈되던 버그도 같이 고침(pj-view-tabs flex-shrink).
지금까지 같은 세션에 다시 놓으면 아무 일도 안 일어났다(다른 세션으로
옮길 때만 동작). 놓은 위치(마우스 Y좌표)를 카드들 사이 인덱스로 계산해
그 순서를 새 엔드포인트로 저장하고(tasks.sort_order, 세션 소속만 재배정 —
세션 재정렬의 reorder_stages 와 동일 패턴), 로컬 tasks 배열도 그 순서에
맞게 재배치(applyStageOrder)해 새로고침 없이 즉시 반영. 실제 3개 업무로
드래그→서버 저장→하드리로드까지 헤드리스 크롬으로 검증.
지난번엔 홈 화면 내 업무 패널만 처리했는데, 프로젝트 상세 페이지 우측
내 업무 패널(.pj-project-mytasks)에도 동일하게 열기/업무 추가/수정/
완료토글/삭제 메뉴를 추가. "업무 추가"는 openTaskModal(null) 이 항상
현재 열려 있는 프로젝트에만 새 업무를 만들 수 있는 제약이 있어, 업무가
다른 프로젝트 소속이면 그 프로젝트 페이지로 이동시켜 거기서 추가하도록
처리(실제 프로젝트 A/B 두 개로 헤드리스 크롬에서 검증).
지금까지 홈 카드 안 업무 행·"내 업무" 패널 행은 자체 우클릭 메뉴가 없어서
이벤트가 부모 프로젝트 카드로 버블링돼 엉뚱하게 프로젝트 메뉴가 뜨던 문제를
같이 고침(stopPropagation 누락). 열기(프로젝트 페이지로 이동)/업무 추가/
수정(팝업 편집)/완료토글/삭제 5항목을 공용 함수(homeTaskContextItems)로
묶어 두 곳(카드 안 업무 행, 내 업무 패널)에서 그대로 재사용.
/api/assignable-users 응답에 avatar 필드 추가하고, 아이콘/이름/체크박스
세로 카드(memberPickHtml)를 공용 함수로 뽑아 새 프로젝트 모달(홈·사이드바
둘 다)과 멤버 배정 모달 3곳이 전부 같은 모양을 쓰도록 통일. 홈 페이지는
avatars 맵이 따로 없어서 이 API 응답의 avatar 필드에만 의존하도록 함.
아이콘 - 이름 - 체크박스 순 세로 스택으로 바꾸고 아이콘 크기를 2배(20px→
40px, 아바타 18px→36px)로 키움. 새 프로젝트 모달의 멤버 선택(가로 한 줄)
은 그대로 두고 pj-member-pick-stacked 를 따로 둬서 멤버 배정 모달에만 적용.
<select> 하나씩 골라 순서대로 배정하던 걸 새 프로젝트 모달과 같은
체크박스 목록으로 바꿔 후보 전원을 한 화면에서 보고 여러 명을 한 번에
선택해 배정. 각 후보는 항상 아바타(구글 프로필, 없으면 기본 아이콘)와
이름을 같이 보여준다. 저장 시 선택된 인원마다 순차 POST 후 결과를
members 배열에 patch(기존 optimistic 흐름 그대로, reload 없음).
좌측 사이드바 "+ " 버튼이 prompt() 두 번(이름/마감일)으로 대충 만들던 걸
홈 화면과 같은 새 프로젝트 모달(설명·날짜·색상·멤버 선택)로 통일.
project.html 에 홈과 동일한 #pj-modal-project 마크업 추가, project.js 는
같은 저장 로직을 쓰되 결과는 mergeProject() 로 사이드바 트리에 patch.
- 공용 우클릭 메뉴(showContextMenu)와 토스트(showToast)를 도입해 보드 카드,
리스트 행, 달력 막대, 타임라인 아이템, 세션 컬럼 헤더, 홈 프로젝트 카드,
사이드바 프로젝트 트리, 멤버 행, 알림 행까지 9곳에 열기/완료토글/삭제 등
빠른 조작 메뉴를 추가.
- 프로젝트 생성/수정/삭제, 멤버 추가/삭제, 홈 업무모달 저장/삭제/완료토글,
알림 모두읽음 등 남아있던 location.reload() 를 모두 로컬 DOM/상태 patch
기반 optimistic update 로 전환.
- 8초 주기 실시간 동기화 폴러도 전체 새로고침 대신 업무/세션/멤버만 조용히
재조회해 병합하도록 변경(softSyncProjectRef).
- 로컬에 Postgres+세션 우회 로그인으로 실제 서버 붙여 헤드리스 크롬으로
검증하는 과정에서 실사용 버그 2건 발견해 같이 수정: 폴러가 재조회한
업무에 context_project_id 가 없어 스코프 필터에 걸려 화면에서 사라지던
문제, 서버가 최초 렌더한 업무 행은 data-task-id 가 <li> 가 아니라 안쪽
<a> 에만 있어 수정/삭제가 조용히 씹히던 문제.
프로젝트 상세 화면 좌측 트리는 renderTree()가 매번 JS로 다시 그리므로
(라이브 새로고침 포함) 실제 동작은 projectsMeta/treeProjLi/wireTreeHandlers
쪽에 구현 — 홈 화면과 같은 프로젝트 수정 모달(이름/설명/기간/색상/완료
토글)을 재사용. 서버 쪽 projects_meta·nav_projects 에 description/status
필드 추가(기존엔 없어서 수정 폼을 못 채웠음). Jinja 쪽 nav_projects 루프도
동일하게 맞춰뒀지만 JS가 즉시 덮어쓰므로 첫 페인트용일 뿐 — 기존 삭제
버튼도 같은 이중 구조였음(관례를 그대로 따름).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
🖼️ 이모지가 브라우저마다 색이 진하고 크기가 커서 옆 B/I/U 버튼들과 줄이
안 맞고 튀어 보였다. 이미 쓰고 있는 material-symbols-outlined 폰트의
"image" 아이콘으로 교체하고 16px로 맞춰 다른 서식 버튼과 높이/정렬이
같아지게 함.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
설명에 붙여넣기/업로드로 넣은 이미지는 실제로는 task_attachments 레코드라,
에디터에서 이미지만 지우면(× 버튼 또는 Delete/Backspace) 서버 첨부는
그대로 남아 첨부파일 목록에 계속 보였다. src 의 attachment id 를 뽑아
DELETE 호출까지 같이 하고, 첨부파일 목록도 새로고침한다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Esc/배경 클릭/취소 버튼으로 업무 모달을 닫을 때 폼이 열었을 때와 달라져
있으면 erpConfirm 으로 "저장하시겠습니까?" 확인 후 저장 또는 그냥 닫기.
erpConfirm 자체도 Esc 로 닫히며 stopPropagation 을 안 해 재진입할 수
있어 플래그로 막음.
- 모달 제목을 "업무 편집"/"새 업무" 단독 표기에서 "[프로젝트명]의 업무
편집"/"[프로젝트명]의 새 업무"로 통일(편집 모드도 프로젝트명 표시).
- 이미지 삽입 버그 2건 수정:
1) 커서 위치 오삽입 — 업로드 버튼 클릭 후 파일선택창이 닫히고 포커스가
에디터로 돌아오면 브라우저가 선택범위를 엉뚱한 위치로 되살리는 경우가
있었는데, 기존 코드는 "선택범위가 에디터 밖에 있을 때만" 저장해둔
위치로 복원해서 이 경우를 못 잡았다 — 업로드 시작 직전 위치를 무조건
복원하도록 수정.
2) 저장 후 이미지가 사라짐 — 업로드가 끝나기 전에 저장 버튼을 누르면
설명에 이미지가 아직 안 들어간 채로 저장됐다. 업로드 중엔 저장을
막고 안내 문구를 보여줌.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
굵게/기울임/밑줄/글머리목록/번호목록/인용구/링크/서식지우기 버튼을
설명란 위에 추가. execCommand 기반(같은 파일의 이미지 삽입에서 이미
insertHTML 로 쓰던 것과 같은 패턴)이고, 생성되는 태그(b/i/u/ul/ol/li/
blockquote/a)는 전부 기존 sanitize_description_html 허용 목록 안이라
서버 쪽 변경 없음. 버튼 mousedown 에서 preventDefault 해 클릭 시 에디터
선택범위가 풀리는 것 방지, 커서 위치에 따라 버튼 활성 상태 표시.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
vacation 모듈은 공휴일을 vacation_db 테이블로 관리하지만 휴가일수 계산용
으로 강하게 결합돼 있어(조사 결과 공용 provider 없음), project 달력은
"보여주기만" 하면 되므로 store.py 에 정적 KR_HOLIDAYS 표(날짜→이름)를
추가하는 방식으로 처리 — 새 DB 연결/마이그레이션 없음.
- 신정·설날·삼일절·어린이날·부처님오신날·현충일·광복절·추석·개천절·
한글날·성탄절 + 실제 "관공서의 공휴일에 관한 규정" 대체공휴일 규칙
그대로 반영(설날/추석/어린이날/삼일절/광복절/개천절/한글날/부처님오신
날/성탄절 대상, 신정·현충일은 대체 없음). 근로자의 날·제헌절은 관공서
공휴일이 아니라서 제외(vacation 모듈 2026년 기존 시드와 동일 기준).
선거일 같은 임시공휴일은 범위 밖.
- 웹 검색으로 확보한 2027~2030년 데이터를 파이썬 요일 계산으로 전수
검증(90건 전부 일치) — 날짜 오타 위험 제거.
- 달력 날짜 칸: 공휴일이면 일요일과 같은 빨간색 + 이름 라벨 표시,
호버 시 툴팁(title)도 함께 제공.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
.erp-page 는 width:100% + padding 24px 이고 border-box 리셋은 .erp-shell 에만
걸려 있어 content-box 로 계산된다. 프로젝트 화면에서 max-width:1550px 캡을
풀자(0a427be/04c33e3) 페이지가 뷰포트보다 48px 넓어졌고, 그 결과 우측 패널의
오른쪽 끝 — 네이티브 스크롤바든 JS 로 그린 막대든 그 자리 — 가 화면 밖으로
나가 보이지 않았다("처음엔 잘 나왔다"가 맞았음: 캡을 풀기 전엔 안 넘쳤다).
헤드리스 크롬으로 재현·좌표 덤프(패널 right=1917 > viewport 1911)해서
확인했고, .erp-page:has(> .pj-wrap) 에 box-sizing:border-box 를 주면 패널이
화면 안에 들어오며 막대가 그려지는 것까지 스크린샷으로 검증함.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
DevTools 박스모델 확인 결과 내 업무 패널은 정상 스크롤 컨테이너였지만
스크롤바 두께가 0 — 이 환경(엣지 오버레이 스크롤바)에선 ::-webkit-scrollbar
커스텀도 scrollbar-width 표준 속성도 모두 무시돼 CSS 로는 막대를 항상
보이게 할 방법이 없었다. 네이티브 막대는 숨기고 attachScrollIndicator()
가 내 업무/좌측 프로젝트 목록/홈 프로젝트 목록/보드 패널 안에 스크롤
위치를 따라 움직이는 막대를 그린다(sticky anchor + 절대배치 track/thumb,
드래그·트랙 클릭 지원, MutationObserver/ResizeObserver 로 갱신). 막대
자리로 각 패널 padding-right 14px 확보, 보드의 scrollbar-gutter 제거.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Chromium 121+ 는 scrollbar-width/scrollbar-color 가 지정되면 ::-webkit-scrollbar
커스텀 스타일을 무시하고 OS 오버레이(자동숨김) 스크롤바로 돌아간다.
DevTools 확인 결과 패널은 이미 scroll 컨테이너(818px)였고 폭이 스크롤바
자리를 전혀 안 차지함 = 오버레이 스크롤바. 표준 속성은 @supports not
selector(::-webkit-scrollbar) 로 Firefox 에만 적용해, 크롬/엣지에서는
항상 보이는 커스텀(클래식) 스크롤바가 그려지게 함.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
홈 화면의 내 업무 패널이 max-height:calc(100vh-160px) 로는 뷰포트에 맞게
잘리지 않아 페이지 전체가 스크롤되고 패널 자체 스크롤바가 안 생겼다.
프로젝트 상세와 같은 방식으로 .pj-wrap 을 flex:1 로 늘리고 .pj-home 의
행을 1fr 로 확정해, 프로젝트 목록(좌)·내 업무(우)가 각자 안에서만 스크롤
하도록 변경. 커스텀 스크롤바는 트랙까지 연회색으로 그려 항상 보이게 하고
.pj-home-main 에도 적용.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
휠 스크롤은 정상 동작(레이아웃 자체는 문제 없었음) — OS/브라우저의
오버레이(자동숨김) 스크롤바 스타일 때문에 막대가 안 보였던 것. 내 업무/
좌측 프로젝트 목록/보드 패널에 항상 보이는 커스텀 스크롤바(얇은 회색
막대)를 그려 윈도우 설정과 무관하게 고정 표시되게 함.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .erp-page 폭 제한 해제 범위를 프로젝트 상세뿐 아니라 프로젝트 모듈의
모든 화면(.pj-wrap)으로 넓혀 홈 화면 "내 업무"도 화면 맨 오른쪽에 붙게.
- pj-layout에 grid-template-rows:minmax(0,1fr) 추가. 이게 없으면 암시적
행이 auto(내용 크기)로 잡혀 자식의 height:100%가 기준 삼을 확정된
높이가 없어지고, 결국 다시 내용 크기만큼 늘어나 버려 세션 화면에서
"내 업무" 패널이 스크롤 대신 페이지 전체를 늘렸다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-home-side 에 max-height+overflow-y:auto 추가 — 목록이 길어지면
패널 안에서만 스크롤(프로젝트 상세 화면은 기존 height:100% 우선 적용).
- "내 업무"의 프로젝트별 폴더 아이콘을 별도 토글 버튼으로 분리(이름은
계속 프로젝트로 이동하는 링크) — 클릭 시 하위 업무 목록 펼침/접힘,
아이콘도 folder_open/folder 로 전환. localStorage로 접힘 상태 기억.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 뷰 탭과 스코프 토글 사이 빈 공간에 프로젝트 이름(pj-project-title) 표시.
- 좌측 멤버 목록이 항상 기본 아이콘만 쓰던 것을 프로젝트 카드/업무 담당자
처럼 avatars 맵을 조회해 구글 프로필 사진이 있으면 그걸 쓰도록 통일.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
pj-board 에 scrollbar-gutter:stable 적용 — 스크롤바 자리를 항상 미리
비워둬서, 매이슨리 열 너비를 계산하는 시점(clientWidth)과 실제 스크롤바
등장 시점이 어긋나 마지막 열이 스크롤바에 가려 보이던 문제 해결.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 상세 화면을 휴가/쿠팡 모듈처럼 "한 화면 채움" 레이아웃으로 변경.
좌측 프로젝트 목록/가운데 세션·리스트·달력·타임라인/우측 내 업무가 각자
안에서만 스크롤되고 서로 얽히지 않는다. 이 화면에서만 페이지 폭 제한을
풀어 좌측은 화면 맨 왼쪽, 우측 내 업무는 화면 맨 오른쪽에 붙는다.
- 설명란 이미지: 파일 업로드 버튼으로 넣을 때도 커서 위치에 삽입되도록
선택범위를 기억했다가 복원(그동안은 항상 맨 끝에 붙었음). 이미지를
선택한 상태에서 Delete/Backspace 키로도 삭제 가능.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
이미지가 설명란 너비와 같거나 넓게 삽입되면 크기조절 핸들(이미지 우하단
바깥쪽 -6px 오프셋)이 설명란 테두리 밖으로 삐져나갔다. 붙여넣기/업로드로
삽입하기 전 원본 크기를 확인해, 설명란보다 넓은 경우 width 속성을 설명란
너비의 90%로 지정해서 넣는다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
CSS Grid 4열은 같은 행의 세션 하나만 카드가 많아도 그 행 전체 높이가
맞춰져 다른 칸이 텅 빈 채로 늘어나는 문제가 있었다(그 여파로 .pj-main이
불필요하게 커져 페이지 전체가 스크롤되고 "내 업무" 패널까지 스크롤되는
것처럼 보였음). layoutMasonry()로 세션을 절대배치해 열은 왼쪽부터 고정
순서로 배정하고, 각 열은 자기 카드 높이만큼만 다음 세션을 바로 그 밑에
쌓는다. 창 크기 변경 시 재계산.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
king