diff options
| author | Adam Soltys <[email protected]> | 2026-10-05 08:30:51 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-05 08:30:51 -0700 |
| commit | 25b910ca99efa46c60896c1e182001cc9d017c41 (patch) | |
| tree | a97cdbbac3c7bbaa9c497bb7a22f848607a0ea13 /src/style.css | |
| parent | 74c44a3799e44639c0d7941a2d036e15f3af6f57 (diff) | |
| download | coinosv3-25b910ca99efa46c60896c1e182001cc9d017c41.tar.gz coinosv3-25b910ca99efa46c60896c1e182001cc9d017c41.zip | |
Audio links (mp3/m4a/ogg/opus/wav/flac/aac) render as a player, like Amethyst
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 | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index 7544c07..178fd4b 100644 --- a/src/style.css +++ b/src/style.css @@ -811,6 +811,12 @@ 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; } +/* An audio link as a player (a podcast on Blossom, a voice note). */ +.note-audio { margin: 8px 0; padding: 10px; border: 1px solid var(--line); border-radius: 12px; + background: var(--surface2); display: flex; flex-direction: column; gap: 6px; white-space: normal; } +.note-audio-head { display: flex; align-items: center; gap: 8px; min-width: 0; } +.note-audio-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.note-audio audio { width: 100%; height: 40px; } /* 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; } |