fix(website): connect box-art in plaintext output blocks
Tighten line-height (1.75 -> 1.2) on plaintext code blocks only, so the box-drawing in rendered output (tables, query results, plan trees) connects vertically as it does in the app. Command blocks keep the looser spacing.
This commit is contained in:
@@ -15,6 +15,18 @@
|
|||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Rendered terminal-output blocks (box-drawn tables, query output, plan trees)
|
||||||
|
are fenced as plain ``` → `plaintext`. They contain box-drawing art whose
|
||||||
|
vertical lines only connect at terminal-style line spacing; Starlight's
|
||||||
|
default code line-height (1.75) leaves visible gaps between the rows.
|
||||||
|
Tighten just these blocks so the art renders connected, as it does in the
|
||||||
|
app. Command blocks (`rdbms` / `sql` / `sh`) keep the looser spacing.
|
||||||
|
The value is a balance of connected box-art vs. readability — nudge toward
|
||||||
|
1.0 if any hairline gaps remain on your display. */
|
||||||
|
pre[data-language='plaintext'] .ec-line {
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
|
||||||
/* The app's input field is single-line, so a multi-command copy can't be
|
/* The app's input field is single-line, so a multi-command copy can't be
|
||||||
pasted-and-run as one unit. Hide Expressive Code's copy button on
|
pasted-and-run as one unit. Hide Expressive Code's copy button on
|
||||||
*multi-line* `rdbms` blocks (each line is a separate command — type them
|
*multi-line* `rdbms` blocks (each line is a separate command — type them
|
||||||
|
|||||||
Reference in New Issue
Block a user