githubnext/chopinPublic

Let's compose rich plans together

Make the button press subtle on large targets #229

MergedMaggieAppletonmerged 3 commits intomainfromrefs/pull/229/head
  1. MA

    Every button pressed to `scale: 0.96`. On large targets (sidebar rows, dialog and picker options, menu items, tabs, full-width buttons, even full-screen backdrops) that reads as a lurch, not a press.

    ## Change - Default press is now subtle: `0.99`. - Small controls keep `0.96`: `.btn-icon`, `.btn-sm`, and a new opt-in `data-press="small"` (toolbar cells, table action and rail controls, sidebar icon actions, comment gutter button). - `data-press="none"` removes the press; used on the drawer and modal backdrops. - `data-press="wide"` keeps its coarse-pointer 44px sizing; its separate `0.99` rule is gone because that is now the default. - Reduced motion still disables all press scaling.

    Medium buttons (`btn-md`, e.g. "Delete document") move to the subtle press too.

    ## Before / after Held press, dashed outline = resting bounds.

    | | Before | After | |---|---|---| | Wide button | ![before wide](https://github.com/githubnext/chopin/blob/design-pr-assets/pr-229/before-wide.png?raw=true) | ![after wide](https://github.com/githubnext/chopin/blob/design-pr-assets/pr-229/after-wide.png?raw=true) | | Icon button (unchanged) | ![before icon](https://github.com/githubnext/chopin/blob/design-pr-assets/pr-229/before-icon.png?raw=true) | ![after icon](https://github.com/githubnext/chopin/blob/design-pr-assets/pr-229/after-icon.png?raw=true) |

    ## Checks `bun run fix`, `bun test` (1729 pass), `bun run types`, `bun run ci` all pass. Measured in Chromium during a held press: wide 0.99, `.btn-icon` 0.96, `.btn-sm` 0.96.

    🤖 Generated with [Claude Code](https://claude.com/claude-code)

  2. MaggieAppletonmerged 1ebeccf038e9last month on GitHub

  3. MaggieAppletonclosedlast month on GitHub

  4. MaggieAppletonhead-ref-deletedlast month on GitHub