"Post" floats at the feed's bottom right instead of sitting in the header.

A pill with the pencil and "Post", fixed above the bottom nav inside the
page column, wherever the reader is in the feed; the tap scrolls to the
top, opens the composer and focuses it. Hidden while the composer is
open (it has its own Post button) and for visitors.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Du1qT1wbkYwYK6zkGH79Rp

1 files changed, 10 insertions, 0 deletions

diff --git a/src/style.css b/src/style.css
index 60d850c..86d5d45 100644
--- a/src/style.css
+++ b/src/style.css
@@ -827,6 +827,16 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; }
   content: ''; position: absolute; top: -2px; right: -4px; width: 7px; height: 7px;
   border-radius: 50%; background: var(--green); border: 1px solid var(--paper);
 }
+.feed-post-fab {
+  /* the "write a post" button floats over the feed's bottom right, above
+     the nav, inside the page column */
+  position: fixed; z-index: 25;
+  bottom: calc(env(safe-area-inset-bottom, 0px) + 82px);
+  right: max(16px, calc((100% - 560px) / 2 + 16px));
+  display: inline-flex; align-items: center; gap: 7px; width: auto;
+  padding: 12px 18px; border-radius: 999px; font-weight: 600;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
+}
 .feed-page .feed-new-pill {
   bottom: calc(env(safe-area-inset-bottom, 0px) + 82px);
 }