Monorepo for Aesthetic.Computer
aesthetic.computer
chat: hoist online counter to top, push News/r8dio banner down
Counter now renders at y=2 in its own top row above the banner.
News shifts to y=14, r8dio to y=28 (newsTopPad=12). topMargin
grows 31→42 so the banner still clears the chat content area.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
+5
-5
+5
-5
system/public/aesthetic.computer/disks/chat.mjs
+5
-5
system/public/aesthetic.computer/disks/chat.mjs
···
177
177
178
178
let rowHeight;
179
179
const lineGap = 1,
180
-
topMargin = 31,
180
+
topMargin = 42,
181
181
leftMargin = 6;
182
182
183
183
// Dynamic bottom margin based on selected font
···
1801
1801
const qrTotalWidth = qrSize > 0 ? qrSize + 6 : 0;
1802
1802
1803
1803
const presenceX = 6 + qrTotalWidth;
1804
-
// Give the counter some padding above the topMargin divider line.
1804
+
// Sit near the top of the screen, above the News/r8dio banner.
1805
1805
const matrixChunky8Height = 8;
1806
-
const presenceY = topMargin - matrixChunky8Height - 6;
1806
+
const presenceY = 2;
1807
1807
1808
1808
const onlineFgColor = theme?.timestamp || 160;
1809
1809
const tickerLeftEdge = screen.width - 230; // Reserve space for News/r8Dio
···
4674
4674
// Ticker dimensions - SINGLE ROW. Width auto-expands to fill space
4675
4675
// between the HUD label and the right edge.
4676
4676
const tickerRight = screen.width - rightMargin;
4677
-
const tickerY = 6; // Row Y position (top padding)
4677
+
const tickerY = 14; // Row Y position (leaves room for online counter above)
4678
4678
const totalTickerHeight = tickerHeight + 4; // Row + padding
4679
4679
4680
4680
// Use dynamic news text (fetched from API or fallback)
···
4790
4790
4791
4791
// Match news ticker height so we can sit directly beneath it without overlap.
4792
4792
// News ticker total height = tickerHeight + 4 = 12, drawn from y=newsTopPad.
4793
-
const newsTopPad = 4; // keep in sync with paintNewsTicker tickerY (= 2 + newsTopPad)
4793
+
const newsTopPad = 12; // keep in sync with paintNewsTicker tickerY (= 2 + newsTopPad)
4794
4794
const newsTotalHeight = tickerHeight + 4;
4795
4795
const tickerRight = screen.width - rightMargin;
4796
4796
const tickerY = newsTopPad + newsTotalHeight + 4; // 4px gap below news ticker