From 12684c8e8e8594029aba697d5805e3df4483186b Mon Sep 17 00:00:00 2001 From: EuAndreh Date: Tue, 8 Sep 2026 21:13:17 -0300 Subject: style.css: Collapse the listing table so the numbers hold still Pinning the first cell to the left edge moved it, and the code could be seen sliding through a strip beside it. Both are the same thing: the table that holds the numbers and the code was left to the browser's default of separate borders, so its cells stand two pixels apart. The first one's natural place is that two pixels in, which is what it jumped from; the gap between them is what the code showed through. Collapsed, the numbers sit flush against the code, and the pinned cell is raised so it is the code that passes under it rather than the other way about. Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_01KxLpaNQThKfMG3ecCJptP9 --- src/content/style.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'src/content') diff --git a/src/content/style.css b/src/content/style.css index 1232457..220fb43 100644 --- a/src/content/style.css +++ b/src/content/style.css @@ -258,9 +258,18 @@ pre.lineno { overflow-x: auto; } +/* Collapsed, so the numbers sit flush against the code. Left + separate, the cells stand two pixels apart: pinning the first to + the left edge moves it by that much, and the gap it leaves is a + strip the code scrolls through in plain view. */ +.listingblock table { + border-collapse: collapse; +} + .listingblock td:first-child { position: sticky; left: 0; + z-index: 1; background-color: var(--color-code-bg); } -- cgit v1.3