king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(project): 보드 4x2 그리드 + 세션추가 버튼 고정, 내 업무 패널 300px 고정

Browse Source 
- .pj-board 를 flex 가로스크롤에서 4열(좁아지면 3/2/1열) 그리드로 변경,
  세션이 많아지면 보드 영역 안에서만 세로 스크롤. "+ 세션 추가" 버튼을
  보드 밖 pj-board-toolbar 로 옮겨 스크롤과 무관하게 항상 보이게 함.
- 홈/프로젝트 상세 화면의 "내 업무" 패널 가로폭을 300px로 고정(그리드
  트랙 + width 모두 지정).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-15 22:21:52 +09:00
parent fc2ae9d1a3
commit 0875e15224
5 changed files with 48 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/project/templates/project/inbox.html
+2 -2
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260916g" />
<link rel="stylesheet" href="/static/project.css?v=20260916h" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -45,5 +45,5 @@
{% endif %}
</div>
<script src="/static/project.js?v=20260916h" defer></script>
<script src="/static/project.js?v=20260916i" defer></script>
{% endblock %}
app/modules/project/templates/project/index.html
+2 -2
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260916g" />
<link rel="stylesheet" href="/static/project.css?v=20260916h" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -376,5 +376,5 @@
<script>
window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
</script>
<script src="/static/project.js?v=20260916h" defer></script>
<script src="/static/project.js?v=20260916i" defer></script>
{% endblock %}
app/modules/project/templates/project/project.html
+8 -3
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260916g" />
<link rel="stylesheet" href="/static/project.css?v=20260916h" />
<!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
<!-- 타임라인 vis-timeline — self-host -->
@@ -138,8 +138,13 @@
<div class="pj-view" data-view="timeline" hidden>
<div id="pj-timeline"></div>
</div>
<!-- 보드(칸반=세션) — 아사나처럼 프로젝트에 들어오면 기본으로 보이는 화면 -->
<!-- 보드(칸반=세션) — 아사나처럼 프로젝트에 들어오면 기본으로 보이는 화면.
4x2 그리드로 배치하고, 세션이 늘어나 보드 안에서 스크롤이 생겨도
"+ 세션 추가" 버튼은 스크롤 영역 밖(고정 위치)에 있어 항상 보인다. -->
<div class="pj-view" data-view="board">
<div class="pj-board-toolbar">
<button type="button" class="pj-add-stage" id="pj-board-addstage" hidden>+ 세션 추가</button>
</div>
<div class="pj-board" id="pj-board"></div>
</div>
<!-- 리스트 -->
@@ -374,5 +379,5 @@
</script>
<script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
<script src="/static/project.js?v=20260916h" defer></script>
<script src="/static/project.js?v=20260916i" defer></script>
{% endblock %}