Replies: 1 comment 1 reply
-
Thanks for the kinds words! Popup uses the ol' "rotate a div 45 degrees and cut it in half" trick. Because of this, you typically don't want to style the popup part. For solid color arrows, setting However, since you want a white arrow with black border, we will need to style the popup — but just the border! The rest of the styles remain on the form itself, which is styled to be on top of the arrow by default. https://codepen.io/claviska/pen/LYXLQPx?editors=1100 Note that I hope that helps! |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello.
I'm trying to create an outlined Popup (white background, black outline), that includes an arrow.
The arrow appears to be rendered as a diamond?
Am i doing something wrong, or is there any workaround to fix appearance of the arrow?
Here is a demo...
https://codepen.io/marko333/pen/zYMzprb/e1683bbd034261669011b9c1bb23e262
Thank you.
Btw, LOVE Shoelace!
Beta Was this translation helpful? Give feedback.
All reactions