Skip to content

Tailwind #61 — Admin remaining + styles.css leftovers

FieldValue
GitLabsourcecontrollers/safecall#61
Parent#52
Roadmaptailwind-roadmap.md
Depends on#60 (closed)
Workflowclosed

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/src not owned by earlier steps
  • Leftover styles.css / web/src/css rules that still reference --bulma-* or Bulma class structure

Design principles

  1. Prefer deleting obsolete Bulma patch CSS over porting it.
  2. Keep bug-tracker overlay behavior; restyle with tokens.
  3. Leave no “orphan” Bulma markup that would force keeping the Bulma package.

Acceptance criteria

  • [x] Listed admin pages migrated
  • [x] Grep under web/src for major Bulma layout classes (columns, modal-card, navbar-, button is-, field as 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:

LeftoverWhy keep
bulma package + bulma.min.css linkCoexistence until cutover
Stub styles.css link in index.htmlRemove 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 .btnHarmless until Bulma CSS gone
Variable names like *_columns / FA fa-table-columnsNot Bulma layout

Zero --bulma-* remaining in web/src/css and stub styles.css.

Out of scope

WorkIssue
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}.ts
  • web/src/lib/bug-tracker-widget.ts
  • web/src/css/**, web/build/css/styles.css

Verification

  1. Web typecheck + build.
  2. Smoke remaining admin pages.
  3. Produce a short leftover inventory for #62 (grep results).

Done when / handoff

  1. Operator verifies → commit with Closes #61 → push gitlab.
  2. Next: #62 drop Bulma + preflight.