Gaming/the-button
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Community milestones

Browse Source
This commit is contained in:
eric
2026-10-21 13:26:16 -04:00
parent a9f578571c
commit 1ff14c8d15
5 changed files with 203 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/app.js
+1
View File
@@ -408,6 +408,7 @@ async function loadChat() {
list.replaceChildren(...messages.map((message) => {
const item = el("li");
if (message.kind === "press") item.classList.add("chat-press");
if (message.kind === "milestone") item.classList.add("chat-milestone");
const avatar = el("span", Array.from(message.name.trim())[0]?.toUpperCase() || "?", "chat-avatar");
avatar.setAttribute("aria-hidden", "true");
const content = el("div", undefined, "chat-message-content");
static/style.css
+2
View File
@@ -367,6 +367,8 @@ stripe-buy-button { display: block; max-width: 100%; margin: 1.5rem 0; }
.chat-message-content { min-width: 0; flex: 1; }
#chat-messages .chat-press .chat-avatar { background: #a6e3a118; color: var(--green); }
#chat-messages .chat-press p { background: #a6e3a108; border-color: #a6e3a130; color: var(--green); font-size: 0.8rem; }
#chat-messages .chat-milestone .chat-avatar { background: #f9e2af18; color: var(--yellow); }
#chat-messages .chat-milestone p { background: #f9e2af08; border-color: #f9e2af40; color: var(--yellow); font-size: 0.85rem; }
.chat-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.6rem; padding: 0.1rem 0 0.35rem; }
.chat-heading strong { color: var(--text); font-size: 0.8rem; overflow-wrap: anywhere; }
.chat-heading time { color: var(--subtext); font-size: 0.65rem; }