Prefix tailwind variables and remove admin CSS from loading on every page, post/page list tables are unusable now, and frontend is completely broken on themes using tailwind
under review
Graham Powell
Post/Page/CPT list tables in the admin are unusable (can't scroll and spacing is wonky when the plugin is activated due to the CSS being loaded wholesale into the admin, and tailwind using the same class names as some WP table components such as "fixed". Other admin styling such as fonts are broken because of this as well.
Frontend theme breaks when using an animation on a page due to tailwind conflicts
To fix:
- Only load the CSS on your admin page, and in your block (enqueue_block_assets).
- More importantly is you need to prefix your tailwind css classes, otherwise it conflicts with themes using tailwind (and ones using generic class names such as fixed, flex, etc.) - https://tailwindcss.com/docs/configuration#prefix
G
Geneviève Labelle Boivin
I'm on version 2.9.0 and the Wordpress editor is still affected by the Tailwind styles. The spacing between blocks and between paragraphs, the underlining of links, the styling of lists, the size of titles.
My client really wants thing back to normal, so I will have to uninstall your plugin.
Agentur BAP
haris will this fix ever be released?
haris
under review
haris
Hey there Graham Powell
Thank you for your feedback and trying out the Plugin.
We've released a new version (v1.0.5) addressing these issues. Please try it out and let us know If these issues are resolved for you now.
Graham Powell
haris: You're still injecting Tailwind's Base Preflight (base/normalize) stylesheet into the head on your settings page, which causes breaking to the whole admin on that page, and into the editor itself which resets the base stylesheet for the whole editor and causes inconsistencies.
In my experience there's no way to use tailwindcss/base in the editor as it targets html, body, and other elements and pseudo elements directly. It needs to be removed.
haris
Graham Powell: Thank you again for your feedback. We'll look into this and make the plugin work without the tailwindcss/base.
Lanny Heidbreder
haris: Any word on this? The normalize stuff is having some minor unwanted effects for me, too. Not crazy brokenness, just some annoying font size changes, etc. Adding global CSS with no way to disable it is not being a good platform citizen.
Beatrice (LottieFiles)
Lanny Heidbreder: Hi there! We've released an update to the plugin a little earlier this year that should resolve some CSS issues that were reported. Were you able to give it a try to see if the issues have been addressed? We appreciate your patience,