-
Notifications
You must be signed in to change notification settings - Fork 4k
Add scroll margin to Expandable #3723
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 scroll margin to Expandable #3723
Conversation
🦋 Changeset detectedLatest commit: dbc782b The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
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 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR adds scroll margin to the Expandable component to improve the user experience when navigating to expandable sections, ensuring proper spacing from the top of the viewport when scrolled to.
- Added scroll margin CSS class to the Details element in the Expandable component
- Restructured the Details element props for better readability
Reviewed Changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.
File | Description |
---|---|
packages/gitbook/src/components/DocumentView/Expandable/Expandable.tsx | Added scroll-mt CSS class with content scroll margin variable to improve scroll positioning |
.changeset/seven-jokes-vanish.md | Added changeset entry documenting the scroll margin addition |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
The latest updates on your projects. Learn more about Argos notifications ↗︎
|
Before:

After:
