diff options
| author | Adam Soltys <[email protected]> | 2026-10-09 01:00:12 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-09 01:00:12 -0700 |
| commit | 537b116400089ce15a1bdbeb0873cb88dfa35fe3 (patch) | |
| tree | 89ae23399576149a6676f26f66e14575e2d1f5b1 | |
| parent | 843feca4dfdd42e15da56b57efb4a95d1bdf404a (diff) | |
| download | coinosv3-537b116400089ce15a1bdbeb0873cb88dfa35fe3.tar.gz coinosv3-537b116400089ce15a1bdbeb0873cb88dfa35fe3.zip | |
Post composer: Preview and Cancel stand as tall as Post and the attach button, in the same type
Co-Authored-By: Claude Opus 5.5 <[email protected]>
| -rw-r--r-- | src/features/messages.js | 2 | ||||
| -rw-r--r-- | src/style.css | 3 |
2 files changed, 4 insertions, 1 deletions
diff --git a/src/features/messages.js b/src/features/messages.js index d3c8e87..5cdf09b 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -10065,7 +10065,7 @@ export function messagesFeature(ctx) { }), ui.postPreview ? draftPreview(text) : null, mediaBar(), - h('div', { class: 'row gap6 wrap' }, + h('div', { class: 'row gap6 wrap post-actions' }, h('button', { class: 'btn-primary grow', disabled: !!ui.postUploading, onClick: async () => { const body = composeText().trim(); if (!body) return; diff --git a/src/style.css b/src/style.css index e3f55c8..3b715ec 100644 --- a/src/style.css +++ b/src/style.css @@ -1131,6 +1131,9 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } .chat-avatar.header-ava { width: 30px; height: 30px; font-size: 11px; } .composer-options { margin-inline-start: auto; flex-shrink: 0; } .compose-preview-toggle[aria-pressed="true"] { background: var(--accent-soft); color: var(--ink); } +/* the post composer: Preview and Cancel stand as tall as Post and the + attach square beside them, in the same type */ +.post-actions .composer-options > button { padding: 11px 16px; font-size: inherit; border-radius: 11px; min-height: 44px; } .copy-ico { flex-shrink: 0; background: none; border: none; padding: 2px; color: var(--muted); cursor: pointer; display: flex; } .copy-ico:hover { color: var(--ink); } .settings-nav { text-align: left; font-weight: 600; padding: 14px 16px; position: relative; } |