Appearance
Tailwind #61 — Admin remaining + styles.css leftovers
| Field | Value |
|---|---|
| GitLab | sourcecontrollers/safecall#61 |
| Parent | #52 |
| Roadmap | tailwind-roadmap.md |
| Depends on | #60 (closed) |
| Workflow | closed |
Goal
Migrate remaining admin surfaces and finish porting leftover custom CSS off Bulma hooks so #62 can remove Bulma cleanly.
Surfaces in scope
- Admin dashboard (
templates/admin/dashboard/,dashboard.ts) - Translations editor (
templates/admin/translations/,translations.ts) - Bug tracker (
templates/admin/bug-tracker/,bug-tracker.ts, widget if it uses Bulma classes) - Interface templates editor (
templates/admin/interface-templates/,interface-templates.ts) - Any remaining Bulma in
web/srcnot owned by earlier steps - Leftover
styles.css/web/src/cssrules that still reference--bulma-*or Bulma class structure
Design principles
- Prefer deleting obsolete Bulma patch CSS over porting it.
- Keep bug-tracker overlay behavior; restyle with tokens.
- Leave no “orphan” Bulma markup that would force keeping the Bulma package.
Acceptance criteria
- [x] Listed admin pages migrated
- [x] Grep under
web/srcfor major Bulma layout classes (columns,modal-card,navbar-,button is-,fieldas Bulma field) shows only intentional aliases documented for #62 removal - [x] Custom CSS no longer depends on
--bulma-*(or remaining deps listed explicitly for #62) - [x] Smoke: dashboard, translations, bug-tracker page, interface-templates editor
Implementation notes
This is the mop-up step before cutover. Update Tailwind @source/content paths if new HTML roots appear.
Bug-tracker widget may use cssText / inline styles — migrate class names where present; leave positioning logic.
#62 leftover inventory (intentional aliases / package still present)
Keep until #62:
| Leftover | Why keep |
|---|---|
bulma package + bulma.min.css link | Coexistence until cutover |
Stub styles.css link in index.html | Remove with package in #62 |
Catalog aliases: modal-card*, modal-background, is-active, is-hidden / .hidden, navbar-*, tabs/menu/file/progress is-*, field is-horizontal / field-label / field-body, table is-* | Same class names as Bulma for E2E + markup continuity; catalog owns them |
.button pointer-events rule alongside .btn | Harmless until Bulma CSS gone |
Variable names like *_columns / FA fa-table-columns | Not Bulma layout |
Zero --bulma-* remaining in web/src/css and stub styles.css.
Out of scope
| Work | Issue |
|---|---|
Remove bulma package + enable preflight | #62 |
| Agent rule/skill rewrite | #62 |
Key paths
web/src/templates/admin/{dashboard,translations,bug-tracker,interface-templates}/**web/src/admin/pages/{dashboard,translations,bug-tracker,interface-templates}.tsweb/src/lib/bug-tracker-widget.tsweb/src/css/**,web/build/css/styles.css
Verification
- Web typecheck + build.
- Smoke remaining admin pages.
- Produce a short leftover inventory for #62 (grep results).
Done when / handoff
- Operator verifies → commit with
Closes #61→ pushgitlab. - Next: #62 drop Bulma + preflight.