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

An item's text takes four fifths of the reading pane, not 80 characters (#360)

Browse Source 
Asked for as a share of the window. The pane is the window less the
feed list, so a share of the window would never bind; a share of the
pane does. On a phone the pane is the screen, and keeps all of it.

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

9
web/app.css
View File

@@ -889,9 +889,12 @@ 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 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:80ch}
/* Four fifths of the pane, so a line stops short of its far edge: across the whole of a wide
window it ran past a hundred characters (#360). A share of the pane, not a count of characters,
as asked: a wider window still makes a longer line. */
#detail :is(.dt,.dbody){max-width:80%}
/* Not on a phone, where the pane is the screen and a fifth of it would be an empty strip. */
@media (max-width:820px){#detail :is(.dt,.dbody){max-width:none}}
.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}