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

[Visual Issue] Badge inset not showing correctly when a heading size is specified. #652

Open
kyranb opened this issue Nov 12, 2024 · 0 comments

Comments

@kyranb
Copy link

kyranb commented Nov 12, 2024

Just a very minor hiccup, when setting a heading size, inset badges do not display in line with the same line height.

Hopefully Caleb's AI picks this one up as an easy win ;)

The following displays the badge out of line with the heading text:

 <flux:heading size="xl" level="1">
    Heading Text <flux:badge color="lime" inset="top bottom">Badge Text</flux:badge>
 </flux:heading>

Image

However, everything looks as expected when the size=xl is not set:

        <flux:heading level="1">
            Heading Text <flux:badge color="lime" inset="top bottom">Badge Text</flux:badge>
        </flux:heading>

Image

@kyranb kyranb changed the title [Visual Issue] Badge [Visual Issue] Badge inset not showing correctly when a heading size is specified. Nov 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant