Monorepo for Aesthetic.Computer
aesthetic.computer
fix: kidlisp.com username no longer shrinks in 4-panel mode
Remove max-width cap and font-size reduction on header-user-handle
in narrow container queries and mobile layout so the username stays
readable at 12px without truncation.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+2
-5
+2
-5
system/public/kidlisp.com/index.html
+2
-5
system/public/kidlisp.com/index.html
···
6752
6752
#header-login-btn { padding: 4px 8px; font-size: 10px; }
6753
6753
#header-signup-btn { display: none !important; }
6754
6754
#header-user-menu { padding: 0 4px; }
6755
-
#header-user-handle { font-size: 10px; max-width: 60px; overflow: hidden; text-overflow: ellipsis; }
6755
+
#header-user-handle { font-size: 12px; white-space: nowrap; }
6756
6756
}
6757
6757
6758
6758
/* Level 4 (< 240px): Hide $code, keep only prompt.AC + QR */
···
7385
7385
}
7386
7386
7387
7387
.header-user-handle {
7388
-
max-width: 50px;
7389
-
overflow: hidden;
7390
-
text-overflow: ellipsis;
7391
7388
white-space: nowrap;
7392
-
font-size: 10px;
7389
+
font-size: 12px;
7393
7390
}
7394
7391
7395
7392
/* header-menu-arrow removed */