From c2a4e13e5ce6b5df522d23bf94bde01f1a9bcbf5 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Mon, 5 Oct 2026 00:44:53 -0700 Subject: nostr:naddr renders: article cards (cover, title, summary) that open to read with headings, list/pack cards that open as feeds Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01YRC6aKhwAud231ot9FPmhi --- src/style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index bfebff7..bd9d41a 100644 --- a/src/style.css +++ b/src/style.css @@ -811,6 +811,16 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } .quote-card.clickable { cursor: pointer; } .quote-card.clickable:hover { border-color: var(--line-strong); } .quote-loading { flex-direction: row; align-items: center; gap: 8px; } +/* A referenced article or list (nostr:naddr). The cover's box is fixed, so + the row doesn't grow under the reader when the picture lands. */ +.addr-article { padding: 0 0 10px; overflow: hidden; gap: 6px; } +.addr-article > :not(.addr-cover) { margin: 0 10px; } +.addr-cover { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; display: block; background: var(--line); } +.addr-title { font-weight: 650; font-size: 1.05em; line-height: 1.3; } +.addr-summary { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; } +.article-title { font-size: 1.35em; font-weight: 700; line-height: 1.25; margin-bottom: 6px; white-space: normal; } +.article-h1, .article-h2, .article-h3 { font-weight: 650; line-height: 1.3; margin: 10px 0 2px; white-space: normal; } +.article-h1 { font-size: 1.2em; } .article-h2 { font-size: 1.1em; } .article-h3 { font-size: 1em; } /* A poll (NIP-88): each option a row with its share of the vote as a bar behind the label. Only the bar's width changes as votes arrive, so the post never changes height under the reader. */ -- cgit v1.2.3