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

Paragraph: Icon alignment #2

Open
atinux opened this issue Nov 7, 2022 — with Volta.net · 4 comments
Open

Paragraph: Icon alignment #2

atinux opened this issue Nov 7, 2022 — with Volta.net · 4 comments
Assignees
Labels
enhancement New feature or request

Comments

Copy link
Contributor

atinux commented Nov 7, 2022

Would be nice to find a way that :icon fits well inside paragraphs:

CleanShot 2022-11-07 at 17.20.22.png

Checkout [nuxt-themes/prose](https://github.com/nuxt-themes/prose) for the documentation, don't forget to give a :icon{name=ph:star}!
@atinux atinux added the enhancement New feature or request label Nov 7, 2022 — with Volta.net
@bdrtsky
Copy link
Contributor

bdrtsky commented Nov 7, 2022

I don't see any way to make it better (other vertical-align make it worst)

It's actually depends on where optical center of used icon is, and the font used

Screenshot 2022-11-07 at 18 54 06

Also, why not use emoji in text?

Screenshot 2022-11-07 at 18 57 58

Copy link
Contributor Author

atinux commented Nov 7, 2022

I know I could use an emoji but I like custom icons :)

Maybe we could support some kind of p .icon with position relative and top -1 ? 😅

@bdrtsky
Copy link
Contributor

bdrtsky commented Nov 7, 2022

Hacky, but I will check how to tune it (not sure if it will be bullet proof for all possible usages)

Copy link
Contributor Author

atinux commented Nov 7, 2022

Low priority compared to other issues.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants