[WIP] Docs home and nav refresh with new designs#14178
[WIP] Docs home and nav refresh with new designs#14178
Conversation
…s release automation files with latest from master
…ions from master to resolve conflicts and navigation issues
…les in nested sentry location
…uct section on home
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Bundle ReportChanges will increase total bundle size by 59.46kB (0.28%) ⬆️. This is within the configured threshold ✅ Detailed changes
Affected Assets, Files, and Routes:view changes for bundle: sentry-docs-server-cjsAssets Changed:
Files in
Files in
Files in
App Routes Affected:
view changes for bundle: sentry-docs-client-array-pushAssets Changed:
Files in
Files in
Files in
Files in
App Routes Affected:
|
…rn search results, dynamic header search visibility - Reduce SDK tile sizes and align with search bar - Auto-open SDK selector when navigating to /platforms/ - Modernize search results: rounded corners, white bg, better shadows - Fix search results z-index to appear above other content - Hide header search on home page, show when scrolling past hero search - Add HomeSearchObserver for intersection-based visibility detection
…centering - Smaller header (32px), description, and search bar (44px height) - Compact SDK tiles (70x70px) with larger icons, 6 cols desktop / 4 cols mobile - Center-align all content on mobile, left/right align on desktop - Wider search bar (50/50 column split) - SDK tiles and 'GO TO ALL SDKS' right-aligned on desktop, centered on mobile
Resolve conflicts while preserving our branch's customized sidebar logic: - page.tsx: kept master's improved error handling with Sentry logging - docPage/index.tsx: merged extractPlatforms with master's getCurrentPlatformOrGuide and getSdkPackageName - focus-active-link.tsx: took master's improved scroll handling - header.tsx: merged TopNavClient changes with master's dynamic Search import - home.tsx: merged our layout with master's new Sentry for AI card - sidebar/index.tsx: merged MobileSidebarNav with master's EQUIVALENT_PATHS logic - sidebar/sidebarNavigation.tsx: added AI and Guides handlers to our customized sidebar structure Co-Authored-By: Claude <noreply@anthropic.com>
- Add AI section link (/ai/) to TopNavClient and MobileSidebarNav - Add Guides section link (/guides/) to TopNavClient and MobileSidebarNav - Update nav order: SDKs, Product, AI, Guides, Concepts, Admin, API, Security - Add sidebar handlers for /ai/ and /guides/ routes in sidebarNavigation.tsx - Remove unused basicPlatforms prop from MobileSidebarNav (cleanup) - Fix stray merge conflict marker in page.tsx - Update platformicons to 9.0.7 (adds Firebase icon) Co-Authored-By: Claude <noreply@anthropic.com>
- Restore SDK redirect feature from stash (clicking SDKs nav goes to last selected platform) - Use client-side navigation (router.push) instead of hard navigation for smoother transitions - Fix header search bar layout shift by setting fixed width (340px) - Remove dynamic import for Search component to eliminate loading lag - Fix HomeSearchObserver wrapper width to allow full-width search on home page - Reduce spacing between search bar and top nav - Make SDK tile text nowrap to keep 'React Native' on one line - Update home page title to 'Welcome To Sentry Docs' Co-Authored-By: Claude <noreply@anthropic.com>
- Fix ultra-wide layout by removing mx-auto from main content and adding data-layout-anchor to platform sidebar - Fix onboarding options sticky position (80px -> var(--header-height)) - Hide top nav at same breakpoint hamburger appears (lg-xl: 1130px) Co-Authored-By: Claude <noreply@anthropic.com>
- Hamburger menu now appears below 768px - Top nav and Go to Sentry button show at 768px+ - Mobile Ask AI button shows below 768px (when search's Ask AI is hidden) - Sidebar mobile behavior matches md breakpoint Co-Authored-By: Claude <noreply@anthropic.com>
1 participant
DESCRIBE YOUR PR
This is the home page refresh and top navigation add to the docs site.
most used SDKsto top, add search barIS YOUR CHANGE URGENT?
Help us prioritize incoming PRs by letting us know when the change needs to go live.
SLA
Thanks in advance for your help!
PRE-MERGE CHECKLIST
Make sure you've checked the following before merging your changes: