feat: add arrow overlay part and theme variant to vaadin-popover #7550
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Added
theme="pointer-arrow"
to Lumo and Material which allows to show an arrow.The arrow placement is adjusted accordingly to the overlay position change.
For example, when using
top
position, the overlay can be re-positioned like this:popover-arrow.mp4
This includes adding the following styling API on the
vaadin-popover-overlay
:arrow
stylable shadow part (could also be a pseudo-element onoverlay
part)--vaadin-popover-arrow-size
custom CSS property (defaults to 0.5rem)arrow-centered
attribute set when we need to center the arrow horizontallyType of change