flagsmith icon indicating copy to clipboard operation
flagsmith copied to clipboard

feat: tailwind-poc

Open Zaimwa9 opened this issue 5 months ago • 3 comments

Thanks for submitting a PR! Please check the boxes below:

  • [ ] I have added information to docs/ if required so people know about the feature!
  • [ ] I have filled in the "Changes" section below?
  • [ ] I have filled in the "How did you test this code" section below?
  • [ ] I have used a Conventional Commit title for this Pull Request

Changes

Please describe.

How did you test this code?

Please describe.


[!NOTE] Add Tailwind CSS and Autoprefixer via PostCSS, wire into webpack, and apply initial Tailwind-based style/class updates.

  • Build/Config
    • Add tailwindcss, autoprefixer, and eslint-plugin-tailwindcss; create postcss.config.js.
    • Introduce tailwind.config.js with custom theme (colors, fonts, radii, spacing, dark mode via class, preflight disabled).
    • Update webpack to use postcss-loader for css/scss in local, prod, and Django builds.
    • Import Tailwind styles via web/styles/tailwind.css and reference in web/main.js and styles.scss.
  • Styling
    • Add Tailwind directives and CSS variables; new .tabs base styles.
    • Large portions of legacy input styles in components/_input.scss commented out.
  • UI Tweaks
    • Minor class adjustments to use utility classes (e.g., d-flexflex, add btn btn-secondary, dark:text-red-500).
    • Small content/class tweaks in FeatureAnalytics.container.tsx, Tabs.tsx, OrganisationNavbar.tsx, UsersAndPermissionsPage.tsx.

Written by Cursor Bugbot for commit 680d781287d6e5572bbb1ef4f7be992b1fffc3ae. This will update automatically on new commits. Configure here.

Zaimwa9 avatar Sep 25 '25 16:09 Zaimwa9

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
flagsmith-frontend-preview Ready Ready Preview Comment Sep 30, 2025 7:20am
flagsmith-frontend-staging Ready Ready Preview Comment Sep 30, 2025 7:20am
1 Skipped Deployment
Project Deployment Preview Comments Updated (UTC)
docs Ignored Ignored Preview Sep 30, 2025 7:20am

vercel[bot] avatar Sep 25 '25 16:09 vercel[bot]

Docker builds report

Image Build Status Security report
ghcr.io/flagsmith/flagsmith-api-test:pr-6105 Finished :white_check_mark: Skipped
ghcr.io/flagsmith/flagsmith-e2e:pr-6105 Finished :white_check_mark: Skipped
ghcr.io/flagsmith/flagsmith-api:pr-6105 Finished :white_check_mark: Results :white_check_mark:
ghcr.io/flagsmith/flagsmith:pr-6105 Finished :white_check_mark: Results :white_check_mark:
ghcr.io/flagsmith/flagsmith-private-cloud:pr-6105 Finished :white_check_mark: Results :white_check_mark:
ghcr.io/flagsmith/flagsmith-frontend:pr-6105 Finished :white_check_mark: Results :white_check_mark:

github-actions[bot] avatar Sep 25 '25 16:09 github-actions[bot]

@Zaimwa9 Should we consider adding a prefix on tailwind classes in order to avoid conflicts ? like tw-*, then we can remove it after the full migration. (just an idea...)

talissoncosta avatar Nov 03 '25 11:11 talissoncosta