Enlarge composer textarea text on desktop#251
Merged
Conversation
The composer draft text sits at 0.95rem, a size tuned for narrow viewports where vertical space is scarce. On a wide screen there is room to make long-form drafts more comfortable to read while typing, so bump it to 1.05rem behind a min-width:721px query - the inverse of the 720px mobile breakpoint the rest of the stylesheet uses. Phones keep the compact size; only large screens get the larger glyphs.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Synopsis
Bump the composer draft text from
0.95remto1.05rem, desktop only.Purpose
The composer textarea font-size is currently
0.95remeverywhere. That size is tuned for narrow viewports where vertical space is scarce, but on a wide screen there is room to make long-form drafts more comfortable to read while typing - the small glyphs leave that comfort on the table.Description
.composer-textareadeclares a single basefont-size: 0.95remthat applies to all viewports; the file is mobile-first, so@media (max-width: 720px)blocks layer on mobile-only overrides@media (min-width: 721px)block that raises.composer-textareafont-size to1.05rem- the inverse of the 720px mobile breakpoint, so phones keep the compact size and only large screens growNotes:
min-widthgate rather than a base editmin-height: 5remleft as-is; at the larger font the empty composer shows ~3.2 lines vs ~3.5, a negligible shift that keeps the ~3-line empty-state intentmise run test, postcss stylesheet parse included); not browser-verified from the cloud sessionGenerated by Claude Code