From 9692531a4062107c274989401c209b09b48aac36 Mon Sep 17 00:00:00 2001 From: fen Date: Thu, 10 Sep 2026 11:35:39 -0500 Subject: [PATCH] Fix #167 rev: add missing .gutline CSS so gutter numbers align with wrapped lines QA of PR #179 found paste-lines.js creates .gutline spans but no CSS rule existed, so all gutter numbers rendered inline on one visual row. Stack them one per row under .code .gutter; blank fill spans inherit it. --- internal/web/static/app.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/internal/web/static/app.css b/internal/web/static/app.css index a23f887..def498e 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -299,6 +299,8 @@ html[data-wrap] .float { overflow-x: hidden; } .codebody { padding: 0 18px; white-space: pre; } /* #167: each logical line is its own block so offsetTop identifies its first visual row */ .codeline { display: block; } +/* #167 rev: gutter number spans must stack one per visual row (wrap on) */ +.code .gutter .gutline { display: block; } /* syntax highlight tokens (#1) */ .tok-kw { color: #c792ea; } .tok-str { color: #a5e075; } -- 2.54.0