Files
warmbly/web
Matthew Meszaros d8d929c3f0 fix: stop the contacts and campaign-leads table overflowing its panel on a long company name (#461)
Under auto table layout one long company name set its column's min-content and widened the table past the content panel, putting a horizontal scrollbar under the whole list; `truncate` on the `<td>` gave it nowrap with no width constraint and never rendered an ellipsis. Moves the table to table-fixed with a declared width per column and clipping in every cell, Name the one auto column so it takes all the slack, each free-text column truncating into a native tooltip that only appears where the text was actually cut off, and the column set restaged per breakpoint so the sized columns never sum past the panel at any width.

Also closes the pre-existing overflow at md/lg, where the Leads view's sized columns alone exceeded the panel regardless of content, and gives both status pills an accessible name below sm where the label had been display:none.

Closes #461.
2026-09-12 08:33:15 -07:00
..

Warmbly Web App

React + TypeScript frontend for Warmbly.

Stack

  • React 19
  • Vite (Rolldown)
  • TypeScript
  • TanStack Query
  • Zustand
  • Tailwind CSS 4

Prerequisites

  • Node.js 20+
  • pnpm 10+

Setup

cd web
pnpm install
cp .env.example .env

Run

pnpm dev

Default dev URL: http://localhost:5173

Quality Checks

pnpm lint
pnpm test:run
pnpm build

Project Layout

  • src/app route pages and layouts
  • src/components UI and feature components
  • src/lib/api API clients, hooks, and models
  • src/stores Zustand store slices