← Cycles
design · c104archivedstarted Oct 1Auto draft — not yet reviewed

Sticky Band

Why we did this

Long tables never kept their header in view, and fixing that made the header slide under the section tabs.

What happened

One sticky bar now holds the section tabs and the filter together, and table headers stick right under it on eleven pages.

Before → afterWhen you scroll, the section tabs and the filter stick together as one bar, and table headers stick right under it.

Pages

  • /pages/sticky-band
  • /inventory/providers/detail (local dev)
  • /inventory/skills/detail (local dev)
At a glance
4
changes
0
conversations
6
decisions
0
outside helpers

What changed

The two changes that matter most, in plain words. Open any one to see it.

  1. 1

    When you scroll, the section tabs and the filter stick together as one bar, and table headers stick right under it.

    One band · came from Mark Parsonopen →

  2. 2

    Eleven detail pages in the app got the band.

    In the app · came from Mark Parson

Also in this cycle
  • Jumping to a section lands its heading just below the bar, not under it. New in this cycle
  • Only tables too wide for the page scroll sideways; the rest simply fit. New in this cycle

How we got here

Each change, traced back to the conversation it came from. A solid mark means the record names the source; a dashed one was matched by the draft and waits for review.

Someone said

From the record: no recorded conversation behind this one.

We decided

c104-D1 The band and its background appear only once pinned. — Mark Parson

So now

When you scroll, the section tabs and the filter stick together as one bar, and table headers stick right under it.

Someone said

From the record: no recorded conversation behind this one.

We decided

c104-D3 Design it as a mock first, then port it to the newer app. — Mark Parson

So now

Eleven detail pages in the app got the band.

Thanks to

People outside Qpoint first. Every thank-you points at something they said or made.

MP
Mark Parson
Qpoint team

Ruled one band, only when pinned

Answered the six design questions: the band and its backing appear only when pinned, tables fit by default, and the mock comes before the app.

All images

Every picture from this cycle. Click any one to step through them all.

The pairs

One bandBefore → after
→
In the appNew in this cycle
Jumps land in viewNew in this cycle
Only wide tables scroll sidewaysNew in this cycle

Everything captured · 8

The full record 6 decisions · 7 key-change entries · 1,437 words · 8 captures

The record stays as written, for agents and for audit: Key Changes, every decision, the artifacts and the visual record.

Open the record for c104 →

Qpoint Brand Style Guide