Give terminal overlay controls an opaque surface

Co-authored-by: Orca <help@stably.ai>
This commit is contained in:
brennanb2025
2026-06-23 22:41:52 -07:00
co-authored by Orca
parent ad6768809e
commit 2b43abaf45
+18
View File
@@ -360,6 +360,13 @@
pointer-events: auto;
}
.pane-title-bar[data-chromeless] .pane-title-split-trigger,
.pane-title-bar[data-chromeless] .pane-title-close {
/* Why: these controls intentionally overlap row-one terminal text. The
button surface must be opaque, not just the icon stroke. */
background: var(--orca-pane-title-bg, var(--background));
}
.pane-title-close {
flex-shrink: 0;
margin-left: auto;
@@ -407,6 +414,17 @@
color: var(--orca-pane-title-button-hover-fg, rgb(255 255 255 / 0.8));
}
.pane-title-bar[data-chromeless] .pane-title-close:hover,
.pane-title-bar[data-chromeless] .pane-title-close:active,
.pane-title-bar[data-chromeless] .pane-title-close[data-state='delayed-open'],
.pane-title-bar[data-chromeless] .pane-title-close[data-state='instant-open'],
.pane-title-bar[data-chromeless] .pane-title-split-trigger:hover,
.pane-title-bar[data-chromeless] .pane-title-split-trigger:active,
.pane-title-bar[data-chromeless] .pane-title-split-trigger[data-state='delayed-open'],
.pane-title-bar[data-chromeless] .pane-title-split-trigger[data-state='instant-open'] {
background: var(--orca-pane-title-bg, var(--background));
}
/* Inline edit input — matches the title text styling exactly to prevent
layout shift. A subtle bottom border indicates active edit mode. */
/* When inline-editing, remove the bar's side padding so the input