Add sign in modal and overlay to obscure content until Auth0
Brief Description
Place the Storybook manager logout control in the left sidebar under the search.
JIRA Link
Related Issue
General Notes
- Add manager-side code to render a logout control in the Storybook sidebar instead of the top toolbar.
- Create a dedicated DOM container (#sb-manager-logout-container) and append the logout button (#sb-manager-logout-dom) there.
- Use a MutationObserver and re-placement logic to keep the control correctly positioned across Storybook re-renders.
- Add CSS to force block/full-width layout and spacing so the logout button doesn’t crowd the search input.
Motivation and Context
We want to get a better idea of who is accessing the Astro components.
Issues and Limitations
- Placement relies on current Storybook DOM selectors. If Storybook changes these in future versions, updates will be needed.
- implementation defends against re-renders via MutationObserver, aggressive re-parenting by any other scripts could cause issues.
Types of changes
- [ ] Bug fix
- [x] New feature
- [ ] Breaking change
Checklist
- [ ] This PR adds or removes a Storybook story.
- [ ] I have added tests to cover my changes.
- [x] Regressions are passing and/or failures are documented
- [x] Changes have been checked in evergreen browsers
⚠️ No Changeset found
Latest commit: e73bfbafaea9f617fa8c6ce81b7494fb09e4850c
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes no changesets
When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
Deploy Preview for astro-preview ready!
| Name | Link |
|---|---|
| Latest commit | e73bfbafaea9f617fa8c6ce81b7494fb09e4850c |
| Latest deploy log | https://app.netlify.com/projects/astro-preview/deploys/68f92f01e0485d0008117549 |
| Deploy Preview | https://deploy-preview-1433--astro-preview.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify project configuration.
Deploy Preview for astro-stencil ready!
| Name | Link |
|---|---|
| Latest commit | e73bfbafaea9f617fa8c6ce81b7494fb09e4850c |
| Latest deploy log | https://app.netlify.com/projects/astro-stencil/deploys/68f92f0108fc1c0008d0cb6e |
| Deploy Preview | https://deploy-preview-1433--astro-stencil.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify project configuration.