Skip to content

Five stacked bars, and the first card starts 39% of the way down the window #181

Description

@vmillet-dev

Measured on the assembled application at 1028×720, fresh install, library rail open:

titlebar 0 → 38
topbar, first row (rail toggle, Date / Tableau, search) 52 → 86
topbar, second row (Tout, Épinglées, À trier, Corbeille, + Nouvelle note) 95 → 128
tag rail 142 → 186
language rail 186 → 231
first card 282

The topbar does not wrap in a narrow edge case. Its content is about 1024 px wide; at the shipped 1100×720 window with the rail open the workspace is about 796 px, so it wraps at the default size and needs roughly a 1350 px window to fit on one row. Two visible consequences: the search field is squeezed below its own placeholder ("Rechercher une note, un t"), and + Nouvelle note — the primary action — is pushed onto the second row.

Then ticking a card inserts the selection bar as a sixth bar and pushes everything down 85 px, so the canvas jumps on every tick. That bar wraps too.

Two category errors in the same row: Corbeille is a view, not a filter, and sits inside the filter chips; and it is 6 px from + Nouvelle note.

Shape

The goal is one bar, and the material to get there exists:

  • The tag rail and the language rail are facets. They belong in the library rail, which has the height for them and is already the navigation, or behind a disclosure that only opens when something is filtering. Two permanent 44 px bands for a secondary filter is the single biggest saving.
  • The quick filters (Tout / Épinglées / À trier) are three states of one thing and can be a segmented control beside the search rather than four separate chips.
  • Corbeille leaves the row. It is a view on the notes, which is why it is not in the File menu — but that argument puts it next to the tag manager's "Gérer", not next to the filters.
  • The selection bar floats over the canvas instead of being inserted into the flow, so nothing moves when a card is ticked.
  • ⚠️ Whatever is left has to fit on one row at 1100 px with the rail open — that is the measurement to hold, and it is worth a spec.

The command palette ticket is what makes this affordable: an action that has a keyboard address does not need a permanent button.

Done when

The first card is visible in the top half of a default window, the header does not wrap at the shipped size, and ticking a card moves nothing.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    changeBehaviour change to something that already existed

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions