diff options
| author | Adam Soltys <[email protected]> | 2026-10-01 19:17:47 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-01 19:17:47 -0700 |
| commit | 5b98e56c84783c46e0de043b9729c245be6ad902 (patch) | |
| tree | e9fb85b97d701c4e2fe3d1dc8d776d6832c3908d | |
| parent | 0b08dfab22048c98562bab32f7758a25ee257ad9 (diff) | |
| download | coinosv3-5b98e56c84783c46e0de043b9729c245be6ad902.tar.gz coinosv3-5b98e56c84783c46e0de043b9729c245be6ad902.zip | |
Use a two-tone paper and green pen icon for new posts
| -rw-r--r-- | src/features/messages.js | 3 | ||||
| -rw-r--r-- | src/style.css | 3 |
2 files changed, 5 insertions, 1 deletions
diff --git a/src/features/messages.js b/src/features/messages.js index 6d33cc3..1559f06 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -8392,7 +8392,8 @@ export function messagesFeature(ctx) { try { window.scrollTo({ top: 0, behavior: 'smooth' }); } catch { window.scrollTo(0, 0); } setTimeout(() => document.querySelector('.post-input')?.focus(), 60); }, - }, h('span', { style: 'display:flex', html: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:block"><path d="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>' }), h('span', {}, t('feedPostFab'))), + }, h('span', { class: 'feed-compose-icon', 'aria-hidden': 'true', html: + '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path stroke="currentColor" d="M12 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6"/><path stroke="currentColor" opacity=".5" d="M8 17h5"/><path class="compose-pen-fill" d="m16.5 3.5 3 3-8 8-4 1 1-4Z"/><path class="compose-pen" d="M16.5 3.5a2.1 2.1 0 0 1 3 3l-8 8-4 1 1-4Z"/><path class="compose-pen" d="m14.5 5.5 3 3"/></svg>' }), h('span', {}, t('feedPostFab'))), visitor ? null : postComposer(), def.of && !ofLoaded(def) ? h('div', { class: 'row gap6', style: 'justify-content:center;align-items:center;padding:12px 0' }, diff --git a/src/style.css b/src/style.css index c7aec59..9c2f083 100644 --- a/src/style.css +++ b/src/style.css @@ -837,6 +837,9 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } padding: 12px 18px; border-radius: 999px; font-weight: 600; box-shadow: 0 4px 14px rgba(0, 0, 0, .22); } +.feed-compose-icon { display: flex; flex-shrink: 0; } +.feed-compose-icon .compose-pen { stroke: #14935a; } +.feed-compose-icon .compose-pen-fill { fill: #14935a; opacity: .18; } .feed-page .feed-new-pill { bottom: calc(env(safe-area-inset-bottom, 0px) + 82px); } |