chore(tailwind): upgrade to tailwind v4#2575
chore(tailwind): upgrade to tailwind v4#2575caillou wants to merge 13 commits intoseerr-team:developfrom
Conversation
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the Use the checkbox below for a quick retry:
Tip Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs). Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
caillou
force-pushed
the
2541-update-tailwind-to-v4
branch
from
7ca7420 to
8a5c1dd
Compare
Change &element to element& to correctly match elements with class selectors The pattern is consistently fixing &element → element& throughout globals.css so that selectors like ul.utility-name work correctly instead of .utility-nameul.
caillou
force-pushed
the
2541-update-tailwind-to-v4
branch
from
e8fcf19 to
2507d92
Compare
|
This pull request has merge conflicts. Please resolve the conflicts so the PR can be successfully reviewed and merged. |
Added focus:border-blue-600 to the input/select/textarea base styles in globals.css:737. This restores the blue focus border that was lost due to Tailwind v4's native CSS cascade layers, where the @layer components border-color was overriding the @layer base :focus border-color from @tailwindcss/forms.
Tailwind v4's transition utility now includes outline-color in its transition properties. Since currentColor resolved to white (from text-white), the outline would briefly flash white during the 150ms transition when @tailwindcss/forms set outline: 2px solid transparent on focus. By setting outline-color: transparent from the start, the transition goes from transparent -> transparent.
caillou
force-pushed
the
2541-update-tailwind-to-v4
branch
from
3943b24 to
0df1add
Compare
1 participant
Description
Upgrade to Talwind
v4.See https://tailwindcss.com/docs/upgrade-guide for details.
Fixes #2541
Todo
pnpx @tailwindcss/upgradetailwind.config.jstoglobal.cssborder-colorhack inglobal.cssand update codereact-selectgen-docsis. does it need to go tov4?How Has This Been Tested?
TODOScreenshots / Logs (if applicable)
Checklist:
pnpm buildpnpm i18n:extract