From 59e6028b6e62820fcde93068347c44637b67c93d Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Mon, 28 Sep 2026 21:03:31 -0700 Subject: Keep feed navigation visible and add a wallet shortcut --- src/features/messages.js | 10 ++++++---- src/style.css | 7 +++---- 2 files changed, 9 insertions(+), 8 deletions(-) (limited to 'src') diff --git a/src/features/messages.js b/src/features/messages.js index 3af968f..0b40a5a 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -3472,9 +3472,6 @@ export function messagesFeature(ctx) { // only runs once a wallet opens. if (typeof window !== 'undefined') { window.addEventListener('scroll', () => { - // Update just the navigation visibility; scrolling must not repaint posts. - const nav = document.querySelector('.feed-bottom-nav'); - if (nav) nav.hidden = window.scrollY < 160; if (!ui.profilePk && (!(ui.chatOpen && ui.msgView === 'feed') || ui.noteThread)) return; windowScrolled(ui.profilePk ? notesCache.get(ui.profilePk) : feed); // back at the top by yourself: the new posts are under your eyes, so @@ -7534,7 +7531,6 @@ export function messagesFeature(ctx) { }, h('span', { html: icon(paths) }), h('span', {}, label)); return h('nav', { class: 'feed-bottom-nav', 'data-key': 'feed-bottom-nav', 'aria-label': t('feedTitle'), - hidden: typeof window === 'undefined' || window.scrollY < 160, }, button(t('home'), '', jumpToNew), button(t('msgDmsTitle'), '', () => { @@ -7546,6 +7542,12 @@ export function messagesFeature(ctx) { if (signinAsk()) return; stopFeedWatch(); openNotifs(); window.scrollTo({ top: 0 }); + }), + button(t('settingsWallet'), '', () => { + if (isVisitor()) { toFrontDoor(); return; } + stopFeedWatch(); + ui.chatOpen = false; ui.msgView = null; ui.tab = 'receive'; + render(); window.scrollTo({ top: 0 }); })); } function feedView() { diff --git a/src/style.css b/src/style.css index d2ad443..3a8c036 100644 --- a/src/style.css +++ b/src/style.css @@ -774,18 +774,17 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } .feed-bottom-nav { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 30; display: flex; width: min(100%, 560px); box-sizing: border-box; - padding: 6px 12px calc(6px + env(safe-area-inset-bottom, 0px)); + padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px)); background: var(--paper); border-top: 1px solid var(--line); box-shadow: 0 -4px 18px rgba(0, 0, 0, .06); } -.feed-bottom-nav[hidden] { display: none; } .feed-nav-button { display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 52px; padding: 4px; - border: 0; background: transparent; color: var(--ink); font-size: 12px; + border: 0; background: transparent; color: var(--ink); font-size: 11px; } .feed-nav-button > span:first-child { display: flex; } -.feed-page:has(.feed-bottom-nav:not([hidden])) .feed-new-pill { +.feed-page .feed-new-pill { bottom: calc(env(safe-area-inset-bottom, 0px) + 82px); } .feed-new-pill { -- cgit v1.2.3