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

fix(project): 댓글 첨부 버튼 정렬 - 입력창과 높이 맞추고 아이콘 정가운데

Browse Source 
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-17 12:42:21 +09:00
parent 3c6c865b7e
commit 23e09ea2fa
4 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/project/templates/project/inbox.html
+1 -1
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %} {% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917m" /> <link rel="stylesheet" href="/static/project.css?v=20260917n" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" /> <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %} {% endblock %}
app/modules/project/templates/project/index.html
+1 -1
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %} {% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917m" /> <link rel="stylesheet" href="/static/project.css?v=20260917n" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" /> <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %} {% endblock %}
app/modules/project/templates/project/project.html
+1 -1
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %} {% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917m" /> <link rel="stylesheet" href="/static/project.css?v=20260917n" />
<!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host --> <!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" /> <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
<!-- 타임라인 vis-timeline — self-host --> <!-- 타임라인 vis-timeline — self-host -->
app/static/project.css
+10 -5
View File
@@ -568,8 +568,8 @@
.pj-comment-head { font-size: 12.5px; font-weight: 700; color: #1e1f21; } .pj-comment-head { font-size: 12.5px; font-weight: 700; color: #1e1f21; }
.pj-comment-time { font-weight: 400; color: #9aa1a9; font-size: 11px; margin-left: 6px; } .pj-comment-time { font-weight: 400; color: #9aa1a9; font-size: 11px; margin-left: 6px; }
.pj-comment-body { font-size: 13px; color: #333; margin-top: 1px; white-space: pre-wrap; } .pj-comment-body { font-size: 13px; color: #333; margin-top: 1px; white-space: pre-wrap; }
.pj-comment-form { display: flex; gap: 6px; } .pj-comment-form { display: flex; align-items: center; gap: 6px; }
.pj-comment-form input { flex: 1; padding: 7px 10px; border: 1px solid #d8dce2; border-radius: 8px; font-size: 13px; font-family: inherit; } .pj-comment-form input { flex: 1; padding: 7px 10px; border: 1px solid #d8dce2; border-radius: 8px; font-size: 13px; font-family: inherit; box-sizing: border-box; }
.pj-comment-acts { display: inline-flex; gap: 1px; flex: 0 0 auto; } .pj-comment-acts { display: inline-flex; gap: 1px; flex: 0 0 auto; }
.pj-comment-edit-box { margin-top: 5px; } .pj-comment-edit-box { margin-top: 5px; }
.pj-comment-edit-box textarea { width: 100%; box-sizing: border-box; padding: 7px 9px; border: 1px solid #d8dce2; border-radius: 8px; font-size: 13px; font-family: inherit; resize: vertical; } .pj-comment-edit-box textarea { width: 100%; box-sizing: border-box; padding: 7px 9px; border: 1px solid #d8dce2; border-radius: 8px; font-size: 13px; font-family: inherit; resize: vertical; }
@@ -709,12 +709,17 @@
.pj-chat-pending-chip button { border: none; background: none; cursor: pointer; color: #6b7280; font-size: 13px; line-height: 1; padding: 0; } .pj-chat-pending-chip button { border: none; background: none; cursor: pointer; color: #6b7280; font-size: 13px; line-height: 1; padding: 0; }
.pj-chat-pending-chip button:hover { color: #c22b10; } .pj-chat-pending-chip button:hover { color: #c22b10; }
/* ── 첨부 버튼(클립) ── */ /* ── 첨부 버튼(클립) — 입력창과 높이를 맞추고, 호버 시 회색 네모 안에
아이콘이 가로세로 정가운데 오도록 line-height/box-sizing까지 정리. ── */
.pj-chat-attach-btn { .pj-chat-attach-btn {
display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
border-radius: 8px; cursor: pointer; color: #5f6368; flex: 0 0 auto; width: 34px; height: 34px; box-sizing: border-box; flex: 0 0 auto;
border-radius: 8px; cursor: pointer; color: #5f6368; line-height: 0;
} }
.pj-chat-attach-btn:hover { background: #f1f2f4; } .pj-chat-attach-btn:hover { background: #f1f2f4; }
.pj-chat-attach-btn .material-symbols-outlined {
display: block; font-size: 20px; line-height: 1;
}
/* ── 보드 단계 컨트롤 ── */ /* ── 보드 단계 컨트롤 ── */
.pj-col-head { position: relative; } .pj-col-head { position: relative; }