cf1c10495b
All checks were successful
Build & Sign Wraith / Build Windows + Sign (push) Successful in 3m58s
.terminal-container had both height: 100% (CSS) and flex-1 (Tailwind). In the flex-col parent, height: 100% forced the terminal to claim the full parent height, squeezing MonitorBar below its h-6 minimum. Fix: replaced height: 100% with min-height: 0. flex-1 handles sizing, min-height: 0 allows proper flex shrinking so MonitorBar gets its full 24px allocation. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
52 lines
1.3 KiB
CSS
52 lines
1.3 KiB
CSS
/* xterm.js terminal container styling */
|
|
|
|
.terminal-container {
|
|
width: 100%;
|
|
min-height: 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: var(--wraith-bg-primary);
|
|
}
|
|
|
|
.terminal-container .xterm {
|
|
height: 100%;
|
|
}
|
|
|
|
.terminal-container .xterm-viewport {
|
|
overflow-y: auto !important;
|
|
}
|
|
|
|
.terminal-container .xterm-screen {
|
|
height: 100%;
|
|
}
|
|
|
|
/* WKWebView focus fix: xterm.js hides its helper textarea with opacity: 0,
|
|
width/height: 0, left: -9999em. macOS WKWebView doesn't reliably focus
|
|
elements with zero dimensions positioned off-screen. Override to keep it
|
|
within the viewport with non-zero dimensions so focus events fire. */
|
|
.terminal-container .xterm .xterm-helper-textarea {
|
|
left: 0 !important;
|
|
top: 0 !important;
|
|
width: 1px !important;
|
|
height: 1px !important;
|
|
opacity: 0.01 !important;
|
|
}
|
|
|
|
/* Scrollbar inside terminal */
|
|
.terminal-container .xterm-viewport::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
.terminal-container .xterm-viewport::-webkit-scrollbar-track {
|
|
background: var(--wraith-bg-primary);
|
|
}
|
|
|
|
.terminal-container .xterm-viewport::-webkit-scrollbar-thumb {
|
|
background: var(--wraith-border);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.terminal-container .xterm-viewport::-webkit-scrollbar-thumb:hover {
|
|
background: var(--wraith-text-muted);
|
|
}
|