Skip to content

feat(ui): gallery on mobile#38

Merged
xsahil03x merged 5 commits intomain-design-systemfrom
feature/gallery-on-mobile
Feb 4, 2026
Merged

feat(ui): gallery on mobile#38
xsahil03x merged 5 commits intomain-design-systemfrom
feature/gallery-on-mobile

Conversation

@renefloor
Copy link
Collaborator

Submit a pull request

CLA

  • I have signed the Stream CLA (required).
  • The code changes follow best practices
  • Code changes are tested (add some information if not applicable)

Description of the pull request

Currently the theme studio is always put on a row, but that doesn't really fit on mobile. This adds the theme on top of the gallery using a stack when the window is very small.

Widgetbook itself already works nicely on small screens.

Screenshots / Videos

Before After
image image

@renefloor renefloor requested a review from a team as a code owner January 28, 2026 13:04
@renefloor renefloor changed the base branch from main to main-design-system January 28, 2026 13:04
@coderabbitai
Copy link

coderabbitai bot commented Jan 28, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

  • 🔍 Trigger a full review
✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch feature/gallery-on-mobile

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@renefloor renefloor changed the title Feature/gallery on mobile feat(ui): gallery on mobile Jan 28, 2026
@renefloor renefloor closed this Jan 28, 2026
@renefloor renefloor reopened this Jan 28, 2026
@codecov
Copy link

codecov bot commented Jan 29, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
⚠️ Please upload report for BASE (main-design-system@c066cb4). Learn more about missing BASE report.

Additional details and impacted files
@@                  Coverage Diff                  @@
##             main-design-system      #38   +/-   ##
=====================================================
  Coverage                      ?   40.29%           
=====================================================
  Files                         ?       78           
  Lines                         ?     2040           
  Branches                      ?        0           
=====================================================
  Hits                          ?      822           
  Misses                        ?     1218           
  Partials                      ?        0           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

…/gallery-on-mobile

# Conflicts:
#	apps/design_system_gallery/lib/app/gallery_shell.dart
- Refactor `GalleryShell` to use `AnimatedSlide` for the theme panel and `AnimatedPadding` for the content.
- Fix text overflow issues in `GalleryHomePage` and color swatches.
- Set minimum window size for macOS.
@xsahil03x xsahil03x enabled auto-merge (squash) February 4, 2026 19:42
@xsahil03x xsahil03x merged commit 22d1a34 into main-design-system Feb 4, 2026
2 checks passed
@xsahil03x xsahil03x deleted the feature/gallery-on-mobile branch February 4, 2026 19:44
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.

2 participants