feat(project): 홈 카드 헤더 색상 채우기, 좌측 사이드바 헤더 대비 강화

- 프로젝트 카드: 이름 옆 작은 점 대신 카드 헤더 윗부분 전체를 프로젝트
  색으로 채우고 글자 흰색(보드 세션 헤더와 같은 원칙). 액션 아이콘(업무추가/
  수정)도 흰색으로, "완료" 칩은 반투명 흰 배경으로 대비 확보.
- 프로젝트 수정 후 DOM patch 로직도 새 구조(이름이 헤더 안, 설명은 본문
  맨 앞)에 맞게 수정.
- 좌측 "프로젝트"/"프로젝트 멤버"/"전체 멤버" 헤더 — 굵기만으론 12px
  회색이라 여전히 흐려 보여서, 글자 색을 진한 잉크색으로 올려 대비 확보.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-17 13:59:30 +09:00
parent 7ce8d1d9cf
commit da635f22ce
5 changed files with 31 additions and 17 deletions
+5 -3
View File
@@ -518,7 +518,10 @@
if (!descEl) {
descEl = document.createElement("div");
descEl.className = "pj-project-desc";
if (nameEl) nameEl.insertAdjacentElement("afterend", descEl);
// 이름은 이제 색칠된 헤더 안에 있으므로(afterend 로 넣으면 헤더
// 안에 끼어버림), 본문(.pj-project-body) 맨 앞에 넣는다.
const body = card.querySelector(".pj-project-body");
if (body) body.insertBefore(descEl, body.firstChild);
}
descEl.textContent = p.description;
} else if (descEl) descEl.remove();
@@ -556,9 +559,8 @@
' data-start="' + (p.start_date || "") + '" data-due="' + (p.due_date || "") + '"' +
' data-color="' + color + '" data-status="active" data-creator="' + escapeHtml(p.created_by || "") + '">' +
'<a class="pj-project-cardlink" href="/project/p/' + p.id + '">' +
'<span class="pj-project-dot"></span>' +
'<div class="pj-project-header"><span class="pj-project-name">' + escapeHtml(p.name || "") + "</span></div>" +
'<div class="pj-project-body">' +
'<div class="pj-project-name">' + escapeHtml(p.name || "") + "</div>" +
(p.description ? '<div class="pj-project-desc">' + escapeHtml(p.description) + "</div>" : "") +
'<div class="pj-project-meta">' +
(p.due_date ? '<span class="pj-chip">마감 ' + fmtDateKr(p.due_date) + "</span>" : "") +