diff options
| author | Adam Soltys <[email protected]> | 2026-10-10 08:28:53 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-10 08:28:53 -0700 |
| commit | 42c0ef9c6391285d76825bdf0d29371cd6ebf500 (patch) | |
| tree | f3e3e09aac010a7fa71da1f3bf2969d0e6d8f91f /src/style.css | |
| parent | 1573c1d5327ebc941f4308e2b0cc88e85a640add (diff) | |
| download | coinosv3-42c0ef9c6391285d76825bdf0d29371cd6ebf500.tar.gz coinosv3-42c0ef9c6391285d76825bdf0d29371cd6ebf500.zip | |
Composers: attach and GIF sit in the field's corner. The post composer's row had grown to Post · 📎 · GIF · Preview · Cancel; the reply box's likewise. The paperclip and GIF button are now small borderless tools inside the text field, bottom right (the field keeps room under its text so nothing runs beneath them), and the row under it is only what you do with the post: Post, Preview, Cancel (Preview, Cancel, Reply in a thread). Tests find the tools in .compose-box.
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Vps2H27rhbG9ZqseGfMrc3
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index f0b5de8..59ead7b 100644 --- a/src/style.css +++ b/src/style.css @@ -1652,3 +1652,12 @@ body::after { .gif-tile video, .gif-tile img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; } .gif-note { display: flex; justify-content: center; padding: 32px 0; } .note-reposted { margin-bottom: 2px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +/* attach + GIF inside the composer's field, bottom right; the field keeps + room under its text so a long post never runs beneath them */ +.compose-box { position: relative; } +.compose-box > coinos-text { padding-bottom: 42px; } +.compose-tools { position: absolute; right: 6px; bottom: 6px; display: flex; gap: 2px; } +.compose-tool { width: 34px; height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; + border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; } +.compose-tool:hover:not(:disabled) { background: var(--line); color: var(--ink); } +.compose-tool.gif-btn { font-size: 11px; width: 38px; } |