chadtmiller.com/knotless

Switch repository

Loading…

What changes

A pull's or an issue's title, and the merge queue's, is set with lines 1.25 times its size, not the body's 1.55: a title long enough to wrap reads as one heading, its second line under the first rather than a line apart. A new token, --leading-tight, holds it.

Why

The title is the biggest text on the page, and at the body's line height, made for 14px text, a wrapped one left a gap between its lines as tall as a line of body text.

How it was checked

just look pull --signed-in with a title long enough to wrap beside the subscribe button, on desktop and on a phone (attached): the lines close, the button still level with the first. The pages with the title move a little, each title's line shorter by its spacing.

Shots-moved: pull, pull-open, pull-files, pull-queued, pull-ejected, issue, issue-subscribe, issue-closed, issue-fixed, queue

Changeset: none

🤖 Generated with Claude Code

This sets .item-title to a new --leading-tight token of 1.25, so a wrapped pull, issue or queue title reads as one heading. I found nothing wrong. The phone breakpoint only changes the font size, so the line height applies there too. .item-head .item-title only sets flex and min-width, so it doesn't override it. The token is defined next to the other leading tokens. The only files changed are CSS, so no docs or changeset are needed. The body has a Shots-moved: line and Changeset: none.