feat(ui): Tailwind v4 + Zard UI setup, Bootstrap cascade-layered#148
Conversation
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
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 |
…ered Adopt the shared AMRIT frontend stack (same architecture as MMU-UI): - bump the Common-UI submodule to angular-zard-migration (306f09b) - brings the full Zard UI component set (Common-UI/v2/ui) incl. the dialog engine with route-scoped-provider resolution - add tailwindcss v4 (+ @tailwindcss/postcss, tailwindcss-animate) and the Zard host deps (@ng-icons/core+lucide, class-variance-authority, clsx, tailwind-merge); .postcssrc.json enables the Tailwind postcss plugin - src/tailwind.css: AMRIT blue+white theme tokens + @layer bootstrap, theme, components, utilities (Preflight intentionally off during coexistence) - Bootstrap is now loaded exactly once, wrapped in the lowest cascade layer (src/bootstrap.layer.css), so Tailwind utilities beat Bootstrap on migrated markup while un-migrated screens render unchanged. Previously it was loaded three times, all unlayered: angular.json styles entry, an index.html <link> and an @import in styles.css - all removed - custom.css/layout.css become their own angular.json style entries instead of @imports through the Tailwind postcss pipeline (keeps their relative font/image urls resolving as before) - unlayered coexistence reset for [z-button]/z-select trigger radius (Material ships an unlayered button{border-radius:0}) - switch Common-UI imports from Common-UI/src/* to Common-UI/v2/* build-dev, build-prod and lint verified green; compiled bundle verified: layer order declared, bootstrap wrapped, theme tokens + utilities generated.
a5a8ddb to
5dd1ea8
Compare
|
Stacked on #147 (standalone conversion). Sets up the shared AMRIT frontend stack — Tailwind CSS v4 + Zard UI (
Common-UI/v2/ui) — with Bootstrap cascade-layered underneath, exactly mirroring the architecture proven in MMU-UI.What this adds
306f09b(angular-zard-migration): full Zard component set (button, card, input, select, dialog, table, form, tabs, date-picker, paginator, …) incl. the dialog engine fix that resolves route/feature-scoped providers (NG0201)@tailwindcss/postcss+.postcssrc.json;src/tailwind.csscarries the AMRIT blue+white theme tokens; Preflight stays off during coexistence@layer bootstrap, theme, components, utilities— utilities beat Bootstrap on migrated markup; un-migrated screens render unchanged. Previously Bootstrap was loaded three times, all unlayered (angular.json +index.html<link>+@importin styles.css) — the unlayered copies beat every Tailwind utility and are removed@ng-iconsv32, CVA, clsx, tailwind-merge, tailwindcss-animate)[z-button]/z-selecttrigger radius (Material's unlayeredbutton{border-radius:0})Common-UI/src/*imports switched toCommon-UI/v2/*(51 files,SessionStorageService)Verification
build-dev✅ ·build-prod✅ ·lint✅ · compiled bundle inspected: layer order declared, Bootstrap wrapped in its layer (0 unlayered leakage), theme tokens + utilities generated from the Zard sourcesScreens are intentionally untouched — migration starts in the next PR (login + shell first).