adam/meshview
1
0 Fork 0
mirror of https://github.com/pablorevilla-meshtastic/meshview.git synced 2026-10-31 03:01:58 +01:00
Code Issues 20 Packages Projects Releases Wiki Activity

chat colors changes

Browse Source
This commit is contained in:
pablorevilla-meshtastic committed 2026-10-25 22:25:15 -07:00
1 parent 278d3b7e94
commit ef926798fe
1 file changed
+4 -3
Download Patch File Download Diff File Expand all files Collapse all files
meshview/templates/chat.html
+4 -3
View File
@@ -24,8 +24,9 @@ body:has(#chat-container) .mesh-announcement { flex-shrink:0; }
.chat-messages { flex:1; min-height:0; overflow-y:auto; overflow-anchor:none; padding:12px 0; font-family:ui-monospace,"SFMono-Regular",Consolas,monospace; font-size:13px; line-height:1.6; scrollbar-gutter:stable; }
.chat-date-sep { display:flex; align-items:center; gap:14px; margin:12px 24px; color:#64748b; font:600 10px system-ui,sans-serif; letter-spacing:.7px; text-transform:uppercase; }
.chat-date-sep::before,.chat-date-sep::after { content:""; flex:1; height:1px; background:var(--mesh-border); }
.chat-line { display:grid; grid-template-columns:64px 165px minmax(0,1fr) auto; gap:12px; align-items:baseline; padding:5px 24px; }
.chat-line:hover { background:var(--mesh-stripe); }
.chat-line { display:grid; grid-template-columns:64px 165px minmax(0,1fr) auto; gap:12px; align-items:baseline; padding:5px 24px; --chat-row-bg:#ffffff; background:var(--chat-row-bg); border-bottom:1px solid #e2ece5; }
.chat-line:nth-of-type(even) { --chat-row-bg:#eef6f0; }
.chat-line:hover,.chat-line:focus-within { background:var(--mesh-hover); }
.chat-time { color:#8190a5; font-size:11px; text-align:right; white-space:nowrap; }
.chat-nick { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:12px; text-decoration:none; text-align:right; }
.chat-nick:hover { text-decoration:underline; }
@@ -40,7 +41,7 @@ body:has(#chat-container) .mesh-announcement { flex-shrink:0; }
.chat-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 24px; border-top:1px solid var(--mesh-border); color:#64748b; background:white; font-size:11px; flex-shrink:0; }
.chat-bottom p { margin:0; }
.chat-line.flash { animation:chat-flash 2s ease-out; }
@keyframes chat-flash { from { background:var(--mesh-hover); } to { background:transparent; } }
@keyframes chat-flash { from { background:var(--mesh-hover); } to { background:var(--chat-row-bg); } }
@media(prefers-reduced-motion:reduce) { .chat-line.flash { animation:none; } }
@media(max-width:700px) {
.chat-toolbar { padding:10px 14px; gap:8px; }