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

Styling Popover when leverage popover. #1837

Open
Westbrook opened this issue May 3, 2023 · 0 comments
Open

Styling Popover when leverage popover. #1837

Westbrook opened this issue May 3, 2023 · 0 comments
Labels
sync to jira These will be pushed into adobe internal jira

Comments

@Westbrook
Copy link
Contributor

Westbrook commented May 3, 2023

With the coming implementation of APIs like the popover attribute, it will be possible to have UIs that features Popovers and desendents of Popovers. In doing so, the filter found at:

filter: drop-shadow(var(--mod-popover-shadow-horizontal, var(--spectrum-popover-shadow-horizontal)) var(--mod-popover-shadow-vertical, var(--spectrum-popover-shadow-vertical)) var(--mod-popover-shadow-blur, var(--spectrum-popover-shadow-blur)) var(--mod-popover-shadow-color, var(--spectrum-popover-shadow-color)));
will stack as seen here: https://codepen.io/Westbrook/pen/BaqmJjP with the .spectrum-Popover element with the red drop shadow filter. We need something like what is seen in .spectrum-Popover--alt so that subsequent filters can be removed so that they do not stack.

image

@pfulton pfulton added the sync to jira These will be pushed into adobe internal jira label May 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
sync to jira These will be pushed into adobe internal jira
Projects
None yet
Development

No branches or pull requests

2 participants