Monorepo for Aesthetic.Computer
aesthetic.computer
fix: context menu renders above gutters + username button keeps size
- Add overflowingContentWidgets selector and position:relative to
Monaco overlay z-index rule so context menu escapes stacking contexts
- Remove padding/border-width shrink on user menu in narrow/mobile
layouts so the username button stays full size
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+8
-8
+8
-8
system/public/kidlisp.com/index.html
+8
-8
system/public/kidlisp.com/index.html
···
291
291
padding: 0 !important;
292
292
}
293
293
294
-
/* Ensure Monaco context menu and widgets render above all page UI */
294
+
/* Ensure Monaco context menu and widgets render above all page UI
295
+
(gutters z-index: 1-2, center-square z-index: 999) */
295
296
.monaco-menu-container,
296
297
.shadow-root-host,
297
298
.monaco-editor .context-view,
298
299
.monaco-action-bar,
299
-
.monaco-editor .editor-widget {
300
+
.monaco-editor .editor-widget,
301
+
.monaco-editor .overflowingContentWidgets,
302
+
.overflowingContentWidgets {
300
303
z-index: 200000 !important;
304
+
position: relative;
301
305
}
302
306
303
307
/* Flush Monaco text to top-left edge in stage mode */
···
6718
6722
#header-signup-btn { display: none !important; }
6719
6723
}
6720
6724
6721
-
/* Level 3 (< 300px): Compact login/user handle */
6725
+
/* Level 3 (< 300px): Compact login buttons (user handle stays full size) */
6722
6726
@container preview (max-width: 300px) {
6723
6727
#header-auth-buttons { padding-left: 4px; gap: 4px; }
6724
6728
#header-login-btn { padding: 4px 8px; font-size: 10px; }
6725
6729
#header-signup-btn { display: none !important; }
6726
-
#header-user-menu { padding: 0 4px; }
6727
-
#header-user-handle { font-size: 12px; white-space: nowrap; }
6728
6730
}
6729
6731
6730
6732
/* Level 4 (< 240px): Hide $code, keep only prompt.AC + QR */
···
7347
7349
border-width: 1px;
7348
7350
}
7349
7351
7350
-
/* User menu compact on mobile */
7352
+
/* User menu on mobile - keep full size */
7351
7353
.header-user-menu {
7352
7354
flex-shrink: 0;
7353
7355
margin-left: auto;
7354
7356
margin-right: 28px; /* More space for the collapse arrow */
7355
-
padding: 4px 8px;
7356
-
border-width: 1px;
7357
7357
}
7358
7358
7359
7359
.header-user-handle {