rick/rosterchirp-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.8.4 full refresh

Browse Source
This commit is contained in:
Ricky Stretch
2026-03-13 10:02:04 -04:00
parent 33b5f2ee4d
commit a02facff1a
9 changed files with 73 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/Message.css
View File

@@ -78,7 +78,7 @@
.own .message-body { align-items: flex-end; }
.msg-name {
font-size: 12px;
font-size: calc(0.75rem * var(--font-scale));
font-weight: 600;
color: var(--text-secondary);
margin-bottom: 3px;
@@ -98,8 +98,8 @@
.reply-bar { width: 3px; background: var(--primary); border-radius: 2px; flex-shrink: 0; }
.reply-name { font-size: 11px; font-weight: 600; color: var(--primary); }
.reply-text { font-size: 12px; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
.reply-name { font-size: calc(0.6875rem * var(--font-scale)); font-weight: 600; color: var(--primary); }
.reply-text { font-size: calc(0.75rem * var(--font-scale)); color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
/* Bubble row */
.msg-bubble-wrap {
@@ -204,10 +204,10 @@
border: 1px dashed var(--border);
}
.deleted-text { font-size: 13px; color: var(--text-tertiary); font-style: italic; }
.deleted-text { font-size: calc(0.8125rem * var(--font-scale)); color: var(--text-tertiary); font-style: italic; }
.msg-text {
font-size: 14px;
font-size: calc(0.875rem * var(--font-scale));
line-height: 1.5;
white-space: pre-wrap;
}
@@ -236,7 +236,7 @@
}
.msg-time {
font-size: 11px;
font-size: calc(0.6875rem * var(--font-scale));
color: var(--text-tertiary);
white-space: nowrap;
flex-shrink: 0;
@@ -260,11 +260,11 @@
border-radius: 12px;
background: var(--surface);
border: 1px solid var(--border);
font-size: 14px;
font-size: calc(0.875rem * var(--font-scale));
cursor: pointer;
transition: var(--transition);
}
.reaction-count { font-size: 12px; color: var(--text-secondary); }
.reaction-count { font-size: calc(0.75rem * var(--font-scale)); color: var(--text-secondary); }
.reaction-btn.active { background: var(--primary-light); border-color: var(--primary); }
.reaction-btn.active .reaction-count { color: var(--primary); }
.reaction-btn:hover { background: var(--primary-light); }