diff options
| author | Adam Soltys <[email protected]> | 2026-09-04 17:48:17 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-09-04 17:48:17 -0700 |
| commit | 410e6b1cc4c88c675a3aae8c9c0eed61e64af47d (patch) | |
| tree | 22d576fe42777e38e7a75527a77bbe12e8a6043d /src/style.css | |
| parent | b9987703de8b3ca89f93dbd9995412c9f47f7de2 (diff) | |
| download | coinosv3-410e6b1cc4c88c675a3aae8c9c0eed61e64af47d.tar.gz coinosv3-410e6b1cc4c88c675a3aae8c9c0eed61e64af47d.zip | |
Profile notes become a real feed: INFINITE SCROLL (nearing the page bottom pulls the next page of older kind-1s — until = oldest seen, one fetch in flight, a short answer marks the end; the listener registers at feature construction so the public no-wallet /username pages scroll too), VIDEO rendering in noteBody (mp4/webm/mov/m4v as <video controls preload=metadata playsinline> beside the existing inline images), and FULL-BLEED on phones — the notes card drops its walls and runs edge to edge under 520px; the inner 440px scrollbox is gone everywhere, the page itself scrolls. Verified headless at phone width on /adam: feed spans 0px-to-edge both sides, images render inline, and scrolling grew the list 51 → 82 posts
Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01MGzU12QrAA4G6BYGzGVdXz
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 cf0746e..0f50159 100644 --- a/src/style.css +++ b/src/style.css @@ -489,6 +489,16 @@ hr.divider { margin: 16px 0; } /* Profile note feed: inline images stay contained, links wrap. */ .note-img { display: block; max-width: 100%; max-height: 320px; border-radius: 10px; margin-top: 6px; object-fit: contain; } +.note-video { display: block; max-width: 100%; max-height: 360px; border-radius: 10px; margin-top: 6px; background: #000; } +/* the profile notes feed: page-scrolled (no inner scrollbox); on phones it + runs edge to edge — the card walls step outside #app's padding */ +.notes-feed { padding: 2px 14px; } +@media (max-width: 520px) { + .notes-feed { + margin-left: -16px; margin-right: -16px; + border-left: none; border-right: none; border-radius: 0; + } +} /* Inline move-money panel on the balance card. */ |