Monorepo for Aesthetic.Computer
aesthetic.computer
fix: only boost editor z-index when context menu is open via :has()
Use .editor-panel:has(.context-view) to conditionally set z-index
100000 only when Monaco's context menu is present. This keeps the
center-square and other elements visible normally, but ensures the
context menu renders above everything when open.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+4
-4
+4
-4
system/public/kidlisp.com/index.html
+4
-4
system/public/kidlisp.com/index.html
···
291
291
padding: 0 !important;
292
292
}
293
293
294
-
/* Editor panel gets high z-index so Monaco's context menu (rendered inside
295
-
with full theme styling) appears above sibling elements (gutters, center-square, etc.) */
296
-
.editor-panel {
297
-
z-index: 1000;
294
+
/* Only boost editor panel z-index when context menu is open,
295
+
so it doesn't permanently cover the center-square or other elements. */
296
+
.editor-panel:has(.context-view) {
297
+
z-index: 100000;
298
298
}
299
299
300
300
/* Flush Monaco text to top-left edge in stage mode */