Skip to content
This repository was archived by the owner on Jul 15, 2026. It is now read-only.
This repository was archived by the owner on Jul 15, 2026. It is now read-only.

Media filter bar: truncate the long senders menu and keep all filters on one line #7

Description

@joestump-agent

Context / Problem

Two related layout problems in the Media filter bar (templates/gallery.html, the <form class="filter-row">):

  1. The senders/Conversation menu is too long — with many conversations the dropdown/label overruns and must be truncated (and ideally made scannable).
  2. The filter controls wrap onto multiple rows: Source / From / To / Apply do not stay on a single filter-bar line at common widths.

Expected vs actual

  • Expected: all filter controls sit on a single filter-bar line; the senders menu is width-capped/truncated rather than stretching the row.
  • Actual: the Conversation control is over-long and the controls wrap to multiple rows.

Proposed solution / Acceptance criteria

  • Cap/truncate the Conversation (senders) control width; long names ellipsize rather than widen the bar.
  • All filters (Conversation, Source, From, To, Apply) render on one line at desktop widths, degrading gracefully (not chaotically wrapping) on narrow viewports.
  • Purely presentational — no change to filter semantics.

Relevant code

  • internal/web/templates/gallery.html (filter-row markup: .filter-control, .filter-label, .filter-input, .btn-search)
  • internal/web/static/app.css (and the Tailwind pipeline under internal/web/tailwind/) for filter-row / filter-control styles

Notes

Coordinate with the multi-sender filter issue (the senders control may become a multi-select, which affects its width/truncation).

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions