diff options
| author | Adam Soltys <[email protected]> | 2026-10-05 00:44:53 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-05 00:44:53 -0700 |
| commit | c2a4e13e5ce6b5df522d23bf94bde01f1a9bcbf5 (patch) | |
| tree | 0f6343f2309493d64c04a23f2ffbf7589b345cc3 /src/style.css | |
| parent | 5d82c98970e3fa7ac4153294e0e27a5cb1a7f480 (diff) | |
| download | coinosv3-c2a4e13e5ce6b5df522d23bf94bde01f1a9bcbf5.tar.gz coinosv3-c2a4e13e5ce6b5df522d23bf94bde01f1a9bcbf5.zip | |
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 <[email protected]>
Claude-Session: https://claude.ai/code/session_01YRC6aKhwAud231ot9FPmhi
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 10 |
1 files changed, 10 insertions, 0 deletions
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. */ |