diff --git a/public/admin.css b/public/admin.css index 6c04ce3..43afc5c 100644 --- a/public/admin.css +++ b/public/admin.css @@ -982,13 +982,14 @@ body.report-card-open .report-fields{display:flex} .msg-act:hover{color:var(--accent);background:var(--bg)} .msg-act-del:hover{color:#ef4444} .msg-act svg{width:13px;height:13px} -.msg-reply{display:flex;flex-direction:column;gap:1px;border-left:2px solid var(--accent);background:var(--bg);border-radius:0 7px 7px 0;padding:4px 8px;margin-bottom:2px;min-width:0;text-align:left;font:inherit;cursor:pointer;position:relative} +.msg-reply{display:flex;align-items:center;gap:8px;border-left:2px solid var(--accent);background:var(--bg);border-radius:0 7px 7px 0;padding:4px 8px;margin-bottom:2px;min-width:0;text-align:left;font:inherit;cursor:pointer} .msg-reply:hover{background:var(--card);border-left-color:var(--accent)} -.msg-reply-img{display:block;width:100%;max-width:280px;max-height:150px;object-fit:cover;border-radius:6px;background:var(--card);margin-bottom:4px} -.msg-reply-who{font-size:.68rem;color:var(--accent);font-weight:600} -.msg-reply-text{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px} +.msg-reply-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1} +.msg-reply-img{display:block;width:44px;height:44px;flex-shrink:0;object-fit:cover;border-radius:6px;background:var(--card)} +.msg-reply-who{font-size:.68rem;color:var(--accent);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.msg-reply-text{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .msg-reply-text[hidden]{display:none} -.msg-reply-file{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:var(--muted);max-width:280px;min-width:0} +.msg-reply-file{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:var(--muted);min-width:0} .msg-reply-file[hidden]{display:none} .msg-reply-file svg{width:13px;height:13px;flex-shrink:0} .msg-reply-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} diff --git a/public/js/chat.js b/public/js/chat.js index a859fa8..51f6b49 100644 --- a/public/js/chat.js +++ b/public/js/chat.js @@ -163,8 +163,9 @@ function chatReplyHtml(m) { const inner = gone ? `${head}` : `${head}${body ? `` : ''}${fileLine}`; - if (gone) return `