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

45` rotated rect + Rounded reactangle tooltip #4

Open
azfullstack2258 opened this issue Dec 11, 2017 · 3 comments
Open

45` rotated rect + Rounded reactangle tooltip #4

azfullstack2258 opened this issue Dec 11, 2017 · 3 comments

Comments

@azfullstack2258
Copy link

screen shot 2017-12-11 at 03 04 34
When I set opacity of background, I could know how you made this tooltip shape.

@azfullstack2258 azfullstack2258 changed the title 45` rotated react + Rounded reactangle tooltip 45` rotated rect + Rounded reactangle tooltip Dec 11, 2017
@cedricdelpoux
Copy link
Owner

Hi @azfullstack2258, I understand your problem but I don't know how to handle it. For now, the only advice I can give you it to set arrow to 0 to keep the bubble only.

Maybe I can draw my arrow using a CSS triangle but if you set a border to your tooltip, there will be a separation between the bubble and the arrow

@properCase
Copy link

What about injecting an svg to be the arrow rather than a css block?

@cedricdelpoux
Copy link
Owner

Good idea @properCase. I'm open if you would like to contribute to this project 🙂

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants