fix(run): hide the terminal's dead xterm viewport scrollbar
The rule hiding .xterm-viewport's scrollbar lived in @layer utilities, where Tailwind purges any class that never appears in the source. xterm creates that element at runtime, so the rule never shipped and an empty scrollbar groove showed beside every terminal. Move it out of the layer.
This commit is contained in:
+14
-12
@@ -463,18 +463,6 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The run console's terminal attaches to tmux, which repaints the whole pane
|
||||
on every frame — xterm's own scrollback stays empty forever, so its
|
||||
viewport scrollbar renders as a groove with no thumb that never moves.
|
||||
Scrolling there goes through mouse reports to the pane's program, not the
|
||||
DOM, so hide the dead affordance. */
|
||||
.xterm-viewport {
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.xterm-viewport::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Visually hidden until focused — first Tab lands here before the sidebar. */
|
||||
.skip-to-content {
|
||||
position: absolute;
|
||||
@@ -651,3 +639,17 @@
|
||||
.md-preview img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* The run console's terminal attaches to tmux, which repaints the whole pane
|
||||
on every frame — xterm's own scrollback stays empty forever, so its
|
||||
viewport scrollbar renders as a groove with no thumb that never moves.
|
||||
Scrolling there goes through mouse reports to the pane's program, not the
|
||||
DOM, so hide the dead affordance. Deliberately OUTSIDE `@layer utilities`:
|
||||
Tailwind purges a layered rule whose class never appears in the source, and
|
||||
xterm creates `.xterm-viewport` at runtime. */
|
||||
.xterm-viewport {
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.xterm-viewport::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user