Skip to content

Outline the wordmark's middle slash, as the web does - #29

Merged
simonhamp merged 2 commits into
mainfrom
feat/outlined-wordmark-slash
Oct 24, 2026
Merged

simonhamp merged 2 commits into
mainfrom
feat/outlined-wordmark-slash

Conversation

@simonhamp

@simonhamp simonhamp commented Oct 20, 2026 •

Copy link
Copy Markdown
Member

The wordmark's middle slash is now a hollow lane-0 outline, like the web's. #20 had to use a solid regular-weight slash because EDGE text couldn't stroke a glyph. NativePHP/mobile-air#549 and NativePHP/mobile-ui#142 add text-outline, and both are merged to main.

What changed

  • The slash is class="text-outline text-theme-lane-0", so it keeps the wordmark's semibold glyph and draws its outline 1pt wide. That's what the web's max(1px, 0.035em) comes to at body sizes.
  • Main's lock predates both merges, so composer.lock moves nativephp/mobile from 557de01 to 2189e72 and nativephp/mobile-ui from b2a8b2a to 0abe5d2 (the #142 squash). Those are the current dev-main heads, so they also bring in the other commits that landed since: 27 in mobile-air and 14 in mobile-ui. Nothing else in the lock changed.
  • The Log test checks the slash carries text_outline 1.0 instead of the regular weight.

Screenshots

From mobile-ui#142. The web is on top, #20's solid slash in the middle, and this PR at the bottom, all at 17pt on iOS:

Light Dark
iOS light iOS dark Android light Android dark

Those came from a test build with both changes patched into vendor. I also built an earlier version of this branch on an iPhone 17 Pro simulator (iOS 27) and the slash drew the same. I haven't built it on the new lock yet.

Worth checking

  • iOS draws outlined text from iOS 18. The app already targets 18.2.
  • Another branch on this same mobile-air head (2189e72) got a swiftc crash in a release build on Xcode 27, in SwiftUINodeRenderer. That isn't from this change, and Debug builds work.

Testing

Merged main in to fix the composer.lock conflict from #75. 1196 tests pass and Pint is clean.

🤖 Generated with Claude Code

@simonhamp
simonhamp marked this pull request as draft October 20, 2026 16:10
The /dev/null wordmark's middle slash is now a hollow lane-0 outline, like
the web's, using text-outline from NativePHP/mobile-air#549 and
NativePHP/mobile-ui#142. It replaces the solid regular-weight slash #20
used because EDGE text couldn't stroke a glyph then.

Main's lock already has a mobile-air combined head with #549. This moves
nativephp/mobile-ui to the combined/dev-null-app head that has #142.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
composer.lock conflicted because main moved onto mobile-air and mobile-ui
dev-main in #75. Main's lock predates the text-outline merges
(mobile-air#549, mobile-ui#142), so this takes main's lock and moves only
nativephp/mobile to 2189e72 and nativephp/mobile-ui to 0abe5d2.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@simonhamp
simonhamp marked this pull request as ready for review October 24, 2026 01:58
@simonhamp
simonhamp merged commit 67d6d4c into main Oct 24, 2026
1 check passed
@simonhamp
simonhamp deleted the feat/outlined-wordmark-slash branch October 24, 2026 01:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant