diff options
Diffstat (limited to 'src')
| -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; } |