astro icon indicating copy to clipboard operation
astro copied to clipboard

Add sign in modal and overlay to obscure content until Auth0

Open brothhammer opened this issue 2 months ago • 3 comments

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

brothhammer avatar Oct 21 '25 22:10 brothhammer

⚠️ 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

changeset-bot[bot] avatar Oct 21 '25 22:10 changeset-bot[bot]

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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify[bot] avatar Oct 21 '25 22:10 netlify[bot]

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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify[bot] avatar Oct 21 '25 22:10 netlify[bot]