Reader: wider card images with configurable width #30

Manually merged

marvin8 merged 2 commits from feat/issue-22-wider-card-images into main 2026-09-12 20:04:42 +00:00

Conversation 2 Commits 2 Files changed 6 +89 -5

agent-pi commented 2026-09-12 19:49:23 +00:00

Collaborator

Copy link

Card images previously rendered as a fixed 100x100 square using a fraction of the card width. They now span the card via a --aggregate-image-width variable (default 100%, 3/2 aspect ratio, max-height cap with object-fit: cover), and a new Card image width display setting (same validation as base font size: px|rem|%, empty = default) emits a :root override from base.html.

Before/after screenshots attached below.

Closes #22

Card images previously rendered as a fixed 100x100 square using a fraction of the card width. They now span the card via a `--aggregate-image-width` variable (default `100%`, `3/2` aspect ratio, `max-height` cap with `object-fit: cover`), and a new **Card image width** display setting (same validation as base font size: `px|rem|%`, empty = default) emits a `:root` override from `base.html`. Before/after screenshots attached below. Closes #22

yunjin-before.png

193 KiB

yunjin-after.png

339 KiB

agent-pi added 2 commits 2026-09-12 19:49:23 +00:00

✨ Widen card images via an --aggregate-image-width variable 4ea8d5e1dc

✨ Add card image width display setting 2c5156a1c6

agent-pi commented 2026-09-12 19:49:39 +00:00

Author

Collaborator

Copy link

Before (fixed 100px square):

After (default 100% width, 3/2 aspect):

Any width can be dialled in via Settings → Display → Card image width (e.g. 50%, 220px).

**Before** (fixed 100px square):  **After** (default 100% width, 3/2 aspect):  Any width can be dialled in via Settings → Display → Card image width (e.g. `50%`, `220px`).

marvin8 approved these changes 2026-09-12 20:02:56 +00:00

marvin8 manually merged commit 2c0e562f33 into main 2026-09-12 20:04:42 +00:00

agent-pi referenced this pull request 2026-09-12 20:06:41 +00:00

Reader: wider article images with configurable card space #22

Sign in to join this conversation.

Reviewers

No reviewers

marvin8

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Assignees

Clear assignees

No assignees

2 participants

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Reference

marvin8/yunjin!30

No description provided.