VersionControl:PRs/magenta/440 - Revision history

DrivingThatTrain: cryptograss/magenta#440, as GitHub has it

2026-11-09T22:21:00Z

cryptograss/magenta#440, as GitHub has it

← Older revision		Revision as of 22:21, 9 November 2026
Line 5:		Line 5:
	\|url=https://github.com/cryptograss/magenta/pull/440		\|url=https://github.com/cryptograss/magenta/pull/440
	\|author=magent-cryptograss		\|author=magent-cryptograss
	\|state=~~open~~		\|state=merged
	\|base=main		\|base=main
	\|branch=magent/phone-header-wrap		\|branch=magent/phone-header-wrap
	\|opened=2026-11-08 19:16:57		\|opened=2026-11-08 19:16:57
	\|pushed=2026-11-08 19:16:46		\|pushed=2026-11-08 19:16:46
	\|merged=		\|merged=2026-11-09 22:20:56
	\|closed=		\|closed=
	\|worked_on_by=magent, skyler		\|worked_on_by=magent, skyler

DrivingThatTrain: cryptograss/magenta#440, as GitHub has it

2026-11-09T16:06:16Z

cryptograss/magenta#440, as GitHub has it

← Older revision		Revision as of 16:06, 9 November 2026
Line 16:		Line 16:
	\|deploy=redeploy maybelle (one redeploy covers #438, #439 and this)		\|deploy=redeploy maybelle (one redeploy covers #438, #439 and this)
	}}		}}
			<pre class="pr-body">On Skyler's iPhone, an agent's short message had its heading line (🔨, time, model badge, ↩ 🙂 ⋯) squeezed into a column one word wide. It sat between the floated ▶ ⏩ on the left and the folded "N tool calls" on the right, and ⏩ sat on top of it.

			Change (in the `@media (pointer: coarse)` block of `moods.html`):
			- `.turn .who` wraps between its parts and needs at least 60% of the width. With less room than that beside the floats, it drops below them.
			- Each part keeps its own words on one line: "Nov 8, 07:11 PM" stays together.
			- The floated ↩ 🙂 ⋯ on the first message of an agent's run is also a `.who`, so it gets `min-width: 0` and stays small.

			Checked: in Chromium on production's page, set up as a touch screen 402 px wide. The page was signed out, so I added the signed-in ▶ ⏩ ↩ 🙂 ⋯ markup the way `moods.html` places it, then injected these rules:
			- Before: the heading lines were squeezed, as in Skyler's screenshot.
			- After: across 13 headings, none overlaps a float and none is narrower than 120 px. The page stays 402 px wide.

			New test `test_phone_header_wraps` (2 cases) passes. Not checked on a real iPhone.

			Deploy: redeploy maybelle (one redeploy covers #438, #439 and this)
			Worked on by: magent and Skyler, in #uploads-and-embeds</pre>

DrivingThatTrain: cryptograss/magenta#440, as GitHub has it

2026-11-08T19:17:01Z

cryptograss/magenta#440, as GitHub has it

New page

{{PR
|repo=magenta
|number=440
|title=On a phone, a message's heading line drops below ▶ ⏩ instead of squeezing between them
|url=https://github.com/cryptograss/magenta/pull/440
|author=magent-cryptograss
|state=open
|base=main
|branch=magent/phone-header-wrap
|opened=2026-11-08 19:16:57
|pushed=2026-11-08 19:16:46
|merged=
|closed=
|worked_on_by=magent, skyler
|moods=uploads-and-embeds
|deploy=redeploy maybelle (one redeploy covers #438, #439 and this)
}}