rays/ipx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 20 Wiki Activity

An item's text keeps to about 80 characters a line, not 70 (#360)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Ray Slakinski
2026-10-25 01:44:09 +00:00
parent cbc0c48f46
commit cad14ec09d
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
tests/ui/app.spec.js
View File

@@ -189,11 +189,11 @@ test('the reading font is an item\'s title and text, and the interface keeps its
// A serif gets more room between its lines (1.75 of the text's size, against 1.65).
const lh = await page.locator('#detail .dbody').evaluate(el => { const c = getComputedStyle(el); return parseFloat(c.lineHeight) / parseFloat(c.fontSize); });
expect(lh).toBeCloseTo(1.75, 2);
// About 70 characters a line, however wide the pane (#360).
// About 80 characters a line, however wide the pane (#360).
const measure = await page.locator('#detail .dbody').evaluate(el => {
const ch = document.createElement('span'); ch.textContent = '0'; el.append(ch);
const n = el.getBoundingClientRect().width / ch.getBoundingClientRect().width; ch.remove(); return n; });
expect(measure).toBeLessThanOrEqual(70.5);
expect(measure).toBeLessThanOrEqual(80.5);
const [pane, text] = await page.locator('#detail .dbody').evaluate(el =>
[el.parentElement.clientWidth, el.getBoundingClientRect().width]);
expect(text, 'the pane is wider, so the measure is what holds it').toBeLessThan(pane - 100);

2
web/CHANGELOG.md
View File

@@ -13,7 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
- An item's title and text keep to about 70 characters a line, however wide the window, so the eye finds the start of the next line (#360).
- An item's title and text keep to about 80 characters a line, however wide the window, so the eye finds the start of the next line (#360).
### Added

4
web/app.css
View File

@@ -889,9 +889,9 @@ body.scan-this .fhead [data-a=scan] .i,body.scan-any .fhead [data-a=scanall] .i,
.dmeta .tview{width:auto;padding:3px 6px;font-size:12px}
#detail .encbox{margin:0 0 10px}
.dbody{font-size:14.5px;line-height:1.65;overflow-wrap:anywhere;color:var(--fg)}
/* About 70 characters a line, where the eye finds the next line's start without hunting: across a
/* About 80 characters a line, where the eye finds the next line's start without hunting: across a
wide window a line ran past a hundred (#360). In ch, so the measure follows the reading font. */
#detail :is(.dt,.dbody){max-width:70ch}
#detail :is(.dt,.dbody){max-width:80ch}
.dbody img{max-width:100%;height:auto;border-radius:6px}
.dbody a{color:var(--accent)}
.dbody pre{overflow-x:auto;background:var(--panel2);padding:10px;border-radius:8px}