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

bug: New Tabs with rounded-box removes rounded child bottom-line color #2523

Closed
Tony-Truand opened this issue Nov 14, 2023 · 0 comments
Closed

Comments

@Tony-Truand
Copy link

What version of daisyUI are you using?

4.0.4

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://play.tailwindcss.com/IlBhythyXj

Describe your issue

Hello team,

If inside a tab-content with a rounded-* attribute
every first children having border get their bottom-line become transparent

See elements.here-error

Now remove rounded-box on element.remove-rounded and all the bottom lines reappears

The "error" seems to be on

.tabs-lifted:has(.tab-content[class^="rounded-"]) :first-child:not(.tab-active), .tabs-lifted:has(.tab-content[class*=" rounded-"]) :first-child:not(.tab-active)
Maybe both :first-child must be more specific to direct child (>)?
.tabs-lifted:has(.tab-content[class^="rounded-"])>:first-child:not(.tab-active),
.tabs-lifted:has(.tab-content[class*=" rounded-"])>:first-child:not(.tab-active)

Thanks in advance <3

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