fix(project): 내 업무 패널 개수 배지를 프로젝트 이름 아래 줄로 이동

- 이름과 같은 줄에서 폭을 다투다 이름이 2줄로 꺾이던 문제 수정 — 이름
  span 을 flex:1 로 만들어 실제 컨테이너 폭에 맞춰 한 줄 말줄임표 처리.
  (헤드리스 크롬으로 긴 이름 강제 렌더해 width/scrollWidth/offsetHeight
  실측 확인 — 한 줄 유지됨)
- 개수 배지를 .pj-mytree-tasks(접히는 업무 목록)의 형제로 옮겨 폴더를
  접어도 계속 보이게 함

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-17 14:53:17 +09:00
parent 4a2e20520e
commit 1582e9e84c
4 changed files with 23 additions and 15 deletions
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917w" />
<link rel="stylesheet" href="/static/project.css?v=20260917x" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917w" />
<link rel="stylesheet" href="/static/project.css?v=20260917x" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -156,11 +156,13 @@
<a class="pj-mytree-proj" href="/project/p/{{ p.id }}">
<span class="pj-mytree-proj-name">{{ p.name }}</span>
</a>
<span class="pj-mytree-counts">
<span class="pj-mtc">전체<span class="pj-mtc-num pj-mtc-total">{{ p.total }}</span></span>
<span class="pj-mtc">진행<span class="pj-mtc-num pj-mtc-open">{{ p.open }}</span></span>
<span class="pj-mtc">완료<span class="pj-mtc-num pj-mtc-done">{{ p.done }}</span></span>
</span>
</div>
<!-- 폴더를 접어도(is-collapsed 는 .pj-mytree-tasks 만 숨김) 계속 보이도록
업무 목록과 별개 형제로 둔다. -->
<div class="pj-mytree-counts">
<span class="pj-mtc">전체<span class="pj-mtc-num pj-mtc-total">{{ p.total }}</span></span>
<span class="pj-mtc">진행<span class="pj-mtc-num pj-mtc-open">{{ p.open }}</span></span>
<span class="pj-mtc">완료<span class="pj-mtc-num pj-mtc-done">{{ p.done }}</span></span>
</div>
<ul class="pj-mytree-tasks">
{% for t in p.tasks %}
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917w" />
<link rel="stylesheet" href="/static/project.css?v=20260917x" />
<!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
<!-- 타임라인 vis-timeline — self-host -->
@@ -207,11 +207,13 @@
<a class="pj-mytree-proj" href="/project/p/{{ p.id }}">
<span class="pj-mytree-proj-name">{{ p.name }}</span>
</a>
<span class="pj-mytree-counts">
<span class="pj-mtc">전체<span class="pj-mtc-num pj-mtc-total">{{ p.total }}</span></span>
<span class="pj-mtc">진행<span class="pj-mtc-num pj-mtc-open">{{ p.open }}</span></span>
<span class="pj-mtc">완료<span class="pj-mtc-num pj-mtc-done">{{ p.done }}</span></span>
</span>
</div>
<!-- 폴더를 접어도(is-collapsed 는 .pj-mytree-tasks 만 숨김) 계속 보이도록
업무 목록과 별개 형제로 둔다. -->
<div class="pj-mytree-counts">
<span class="pj-mtc">전체<span class="pj-mtc-num pj-mtc-total">{{ p.total }}</span></span>
<span class="pj-mtc">진행<span class="pj-mtc-num pj-mtc-open">{{ p.open }}</span></span>
<span class="pj-mtc">완료<span class="pj-mtc-num pj-mtc-done">{{ p.done }}</span></span>
</div>
<ul class="pj-mytree-tasks">
{% for t in p.tasks %}