Skip to content

Fix navbar overflow detection on mobile#137

Merged
MarketDataApp merged 3 commits intomainfrom
staging
Mar 6, 2026
Merged

Fix navbar overflow detection on mobile#137
MarketDataApp merged 3 commits intomainfrom
staging

Conversation

@MarketDataApp
Copy link
Owner

Summary

  • Apply flex-wrap: nowrap on .navbar__inner at all widths (not just ≥997px) so the overflow JS can detect flex-item compression on mobile
  • Bump @marketdataapp/ui to v2.10.0 which adds a scrollWidth > clientWidth fallback detection method (navbar-overflow: add scrollWidth fallback detection ui#7)

Test plan

  • Staging deploy succeeded
  • Integration tests passed
  • E2E tests passed
  • Verify on mobile that the login button is hidden when there's no room

… detection

The overflow JS detects items to hide by checking for flex-item compression,
which only occurs when flex-wrap: nowrap is set. Previously nowrap was only
applied at ≥997px, so the login button stayed visible on mobile even when
there was no room for it.
Sheets now uses automatic Google Authentication, but the troubleshooting
and mobile-devices pages still referenced the old token-based flow. This
was causing support agents to give incorrect guidance about adding tokens
in the sidebar.
Adds scrollWidth fallback detection for navbar overflow (MarketDataApp/ui#7).
@MarketDataApp MarketDataApp merged commit 681de45 into main Mar 6, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant