feat: custom TopSheet with expandable, sticky header, vibrant purple#26
Open
DerpcatMusic wants to merge 13 commits intomasterfrom
Open
feat: custom TopSheet with expandable, sticky header, vibrant purple#26DerpcatMusic wants to merge 13 commits intomasterfrom
DerpcatMusic wants to merge 13 commits intomasterfrom
Conversation
… purple
- Add custom TopSheet component with directional snapping behavior
- Add stickyHeader, stickyFooter, revealOnExpand props for flexible content
- Add expandMode ('resize' | 'overlay') for controlling page content behavior
- Add topInsetColor prop for separate status bar vs content colors
- Fix safeBottom ReferenceError in calendar-tab-screen
- Update default size from 20% to 16%
- Fix TopSheet colors: use primary (purple) for status bar inset
- Make purple more vibrant in brand colors (#8B5CF6 light, #A78BFA dark)
- Add expandable TopSheet to map tab with sticky search bar
- Add ContextSheet wrapper component
- Add TopSheet to jobs tab with proper colors
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
added 12 commits
March 15, 2026 02:47
- Add topInsetColor prop to TopSheetSurface for purple status bar - Update ProfileHeroSheet to use purple topInsetColor - Update home-header-sheet to use purple topInsetColor - Update calendar tab TopSheet with proper colors
- TopSheet resize mode now adds marginTop: safeTop - TopSheetSurface adds top: safeTop when using absolute positioning
- Restore fallbackBackgroundColor to use surfaceAlt (original behavior) - Remove marginTop from TopSheet resize mode (not needed) - Restore TopSheetSurface to original style (with topInsetColor support)
- TopSheet defaults to purple background
- Added topInsetColor for purple status bar
- Removed backgroundColor={palette.surface} that was overriding purple
- Handle case where gate is undefined - Handle case where user context isn't initialized - This fixes the 'stale' property access error
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Custom TopSheet component with directional snapping behavior (snaps based on drag direction)
New TopSheet props:
stickyHeader- Content that always sticks to topstickyFooter- Content that always sticks to bottomrevealOnExpand- Content that only shows when expandedexpandMode- "resize" or "overlay" - controls whether expanded sheet pushes content or overlapstopInsetColor- Separate color for status bar vs sheet contentBug fixes:
safeBottomReferenceError in calendar-tab-screenDesign updates:
#8B5CF6light,#A78BFAdark)New features: