Monorepo for Aesthetic.Computer
aesthetic.computer
fix: remove z-index from gutters so context menu appears above them
Gutters had position:relative + z-index:1-2 which created stacking
contexts that painted above the editor panel content (including
Monaco's context menu). Removing z-index lets the context menu
render on top.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
-5
-5
system/public/kidlisp.com/index.html
-5
system/public/kidlisp.com/index.html
···
7642
7642
/* Split.js Gutter Styles - smaller since headers handle reordering */
7643
7643
.gutter {
7644
7644
transition: all 0.2s;
7645
-
position: relative;
7646
-
z-index: 1;
7647
7645
background-color: var(--border-color) !important;
7648
7646
}
7649
7647
···
7660
7658
/* Main vertical gutter (between top and bottom rows) */
7661
7659
#top-row + .gutter.gutter-vertical {
7662
7660
background: linear-gradient(to right, rgba(255, 140, 0, 0.3) 0%, rgba(255, 140, 0, 0.3) 50%, rgba(100, 149, 237, 0.3) 50%, rgba(100, 149, 237, 0.3) 100%) !important; /* Orange left, Blue right */
7663
-
z-index: 2;
7664
7661
}
7665
7662
7666
7663
/* Top row horizontal gutter (between editor and preview) */
7667
7664
#editor-panel + .gutter.gutter-horizontal {
7668
7665
background-color: rgb(240, 235, 250) !important; /* Light muted purple to match aesthetic.computer tab */
7669
-
z-index: 1;
7670
7666
}
7671
7667
7672
7668
@media (prefers-color-scheme: dark) {
···
7686
7682
/* Bottom row horizontal gutter (between reference and console) */
7687
7683
#reference-panel + .gutter.gutter-horizontal {
7688
7684
background-color: rgba(100, 149, 237, 0.3) !important; /* Blue */
7689
-
z-index: 1;
7690
7685
}
7691
7686
7692
7687
@media (hover: hover) {