-
Notifications
You must be signed in to change notification settings - Fork 4.9k
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
Put bulk actions above popovers in collections #42512
Put bulk actions above popovers in collections #42512
Conversation
This stack of pull requests is managed by Graphite. Learn more about stacking. |
Graphite Automations"Don't backport" took an action on this PR • (05/10/24)1 reviewer was added and 1 label was added to this PR based on Raphael Krut-Landau's automation. |
|
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.
nice! an elegant, simple solution.
@rafpaf Did you forget to add a milestone to the issue for this PR? When and where should I add a milestone? |
lol, I'm so sorry for tagging you, @container! I'm of course referring to https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries |
* q * Restore margin-left adjustment
With the collection table now inside a
@container
, popovers were being created above the bulk actions toast (z-axis-wise). This branch fixes this by changing which element serves as the container (we'll useCollectionTable
, notCollectionRoot
- both are equally good), and moving the bulk actions toast just outside this container.Now the toast appears above popovers:
This branch also restores the margin-left adjustment that is needed to correct the position of the bulk actions toast when the sidebar is open. This adjustment was recently removed because the @container query fixes this problem, but now that the toast is not inside the @container, we need to restore that solution.