Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add minimum height to SidePanelProvider #2414

Merged
merged 2 commits into from
Jan 31, 2024
Merged

Conversation

connor-baer
Copy link
Member

@connor-baer connor-baer commented Jan 30, 2024

Purpose

The SidePanelProvider must wrap the page content so it can be resized when a side panel is open. It's a common use case to show a spinner while the page content is loading. Currently, it's difficult to vertically center this spinner since the SidePanelProvider does not fill the viewport height and cannot be styled.

Approach and changes

  • Add a minimum height to the SidePanelProvider to allow its children to be vertically centered
  • Accept custom attributes on the SidePanelProvider

Definition of done

  • Development completed
  • Reviewers assigned
  • Unit and integration tests
  • Meets minimum browser support
  • Meets accessibility requirements

@connor-baer connor-baer requested a review from a team as a code owner January 30, 2024 17:48
Copy link

changeset-bot bot commented Jan 30, 2024

🦋 Changeset detected

Latest commit: 05e3a1f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@sumup/circuit-ui Minor
@sumup/eslint-plugin-circuit-ui Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

vercel bot commented Jan 30, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
oss-circuit-ui ✅ Ready (Inspect) Visit Preview Jan 30, 2024 5:48pm

Copy link

codecov bot commented Jan 30, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (b7042a7) 96.78% compared to head (05e3a1f) 96.77%.

Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2414      +/-   ##
==========================================
- Coverage   96.78%   96.77%   -0.01%     
==========================================
  Files         229      229              
  Lines       19031    19037       +6     
  Branches     1184     1185       +1     
==========================================
+ Hits        18420    18424       +4     
- Misses        598      600       +2     
  Partials       13       13              
Files Coverage Δ
...rcuit-ui/components/SidePanel/SidePanelContext.tsx 96.38% <100.00%> (+0.07%) ⬆️

... and 1 file with indirect coverage changes

@connor-baer connor-baer merged commit 5d7a92f into main Jan 31, 2024
13 of 16 checks passed
@connor-baer connor-baer deleted the fix/sidepanelprovider-height branch January 31, 2024 08:44
@connor-baer connor-baer mentioned this pull request Jan 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants