From 761b1a19363b02bd0e40b2487b35bc603e9c9a84 Mon Sep 17 00:00:00 2001
From: 2620227 <hyemin.lee@bok.or.kr>
Date: Thu, 2 Jul 2026 14:13:50 +0900
Subject: [PATCH] =?UTF-8?q?fix(comments):=20=EB=8B=B5=EA=B8=80=20=EB=B0=B0?=
 =?UTF-8?q?=EB=84=88=20=EC=83=81=EC=8B=9C=20=ED=91=9C=EC=8B=9C=20=EB=B2=84?=
 =?UTF-8?q?=EA=B7=B8=20=EC=88=98=EC=A0=95=20+=20=EC=82=AC=EB=B2=88=20?=
 =?UTF-8?q?=EB=8C=80=EC=8B=A0=20=EC=9D=B4=EB=A6=84=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.reply-banner 에 display:flex 가 걸려 [hidden] 기본 규칙을 이겨 배너가
항상 보이던 문제를 .reply-banner[hidden]{display:none} 으로 해결.
댓글/대댓글 작성자·답글 대상·프로젝트 소유자를 사번 대신 이름(author_name/
owner_name)으로 표시하고, 사번은 title 툴팁으로 남긴다.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/css/modal.css      | 2 ++
 views/_project_detail.ejs | 8 ++++----
 views/dashboard.ejs       | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/css/modal.css b/public/css/modal.css
index 7a421f3..df45ebb 100644
--- a/public/css/modal.css
+++ b/public/css/modal.css
@@ -55,6 +55,8 @@
 
 .modal-foot { padding: 14px 24px 22px; border-top: 1px solid var(--divider); margin-top: 6px; background: var(--bg-soft); }
 .reply-banner { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; background: var(--accent-bg); border: 1px solid var(--accent-bd); border-radius: 7px; padding: 6px 10px; }
+/* hidden 속성이 켜져 있으면 확실히 숨긴다 (display:flex 가 [hidden] 기본 규칙을 이겨 항상 보이던 버그 방지). */
+.reply-banner[hidden] { display: none; }
 .reply-banner span { font-size: 12px; color: var(--accent-strong); }
 .reply-banner button { background: transparent; border: 0; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 600; color: var(--link); }
 .comment-form { display: flex; gap: 10px; align-items: flex-end; }
diff --git a/views/_project_detail.ejs b/views/_project_detail.ejs
index be41508..2e659e5 100644
--- a/views/_project_detail.ejs
+++ b/views/_project_detail.ejs
@@ -24,7 +24,7 @@
       </div>
       <div class="modal-meta">
         <%- identicon(p.owner_sabun, 24) %>
-        <span class="sabun"><%= p.owner_sabun %></span>
+        <span class="sabun" title="<%= p.owner_sabun %>"><%= p.owner_name || p.owner_sabun %></span>
         <span class="date">· <%= reltime(p.created_at) %> 공유</span>
         <% if (p.lang) { %><span class="lang"><span class="lang-dot" style="background:<%= langColor(p.lang) %>"></span><%= p.lang %></span><% } %>
       </div>
@@ -72,13 +72,13 @@
           <%- identicon(c.author_sabun, 28) %>
           <div class="comment-main">
             <div class="comment-head">
-              <span class="comment-author"><%= c.author_sabun %></span>
+              <span class="comment-author" title="<%= c.author_sabun %>"><%= c.author_name || c.author_sabun %></span>
               <span class="comment-time"><%= reltime(c.created_at) %></span>
               <% if (isLgtm(c.body)) { %><span class="lgtm"><%- icon("check", { size: 11 }) %>LGTM</span><% } %>
             </div>
             <div class="comment-text"><%= c.body %></div>
             <div class="comment-actions">
-              <button type="button" class="comment-link" data-reply-to="<%= c.id %>" data-reply-name="<%= c.author_sabun %>"><%- icon("reply", { size: 13 }) %>답글</button>
+              <button type="button" class="comment-link" data-reply-to="<%= c.id %>" data-reply-name="<%= c.author_name || c.author_sabun %>"><%- icon("reply", { size: 13 }) %>답글</button>
               <% if (c.author_sabun === me) { %>
                 <form method="post" action="/comments/<%= c.id %>/delete" data-stop style="display:inline">
                   <input type="hidden" name="return_to" value="<%= returnTo %>" />
@@ -95,7 +95,7 @@
                 <%- identicon(r.author_sabun, 24) %>
                 <div class="comment-main">
                   <div class="comment-head">
-                    <span class="comment-author"><%= r.author_sabun %></span>
+                    <span class="comment-author" title="<%= r.author_sabun %>"><%= r.author_name || r.author_sabun %></span>
                     <span class="comment-time"><%= reltime(r.created_at) %></span>
                     <% if (isLgtm(r.body)) { %><span class="lgtm"><%- icon("check", { size: 11 }) %>LGTM</span><% } %>
                   </div>
diff --git a/views/dashboard.ejs b/views/dashboard.ejs
index 1a0ffdc..c633338 100644
--- a/views/dashboard.ejs
+++ b/views/dashboard.ejs
@@ -160,7 +160,7 @@
           <div class="fcard-foot">
             <div class="fcard-author">
               <%- identicon(p.owner_sabun, 22) %>
-              <span class="sabun"><%= p.owner_sabun %></span>
+              <span class="sabun" title="<%= p.owner_sabun %>"><%= p.owner_name || p.owner_sabun %></span>
               <span class="date">· <%= fdate(p.created_at) %></span>
             </div>
             <div class="fcard-meta">