poslop/palette
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Fix #167: blank gutter rows match mobile code line height #201

Closed
fen wants to merge 1 commits from fix-167-r3 into dev
pull from: fix-167-r3
merge into: :dev
Conversation 0 Commits 1 Files Changed 1
+7
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/static/app.css
+7
View File
@@ -824,3 +824,10 @@ button[type="submit"]:focus-visible,
.created-banner { display: block; } .created-banner { display: block; }
/* #167: gutter rows for wrapped paste view — one row per visual code line */ /* #167: gutter rows for wrapped paste view — one row per visual code line */
.gutline { display: block; } .gutline { display: block; }
/* #167: blank gutter rows must be exactly one code line tall so numbers sit
on each wrapped line's first row. Desktop uses the code font vars; the
mobile media query overrides .code font-size to 13px, mirrored here. */
.code .gutter .gutline { height: calc(var(--code-fs) * var(--code-lh)); }
@media (max-width: 640px) {
.code .gutter .gutline { height: calc(13px * 1.7); }
}