Skip to content

Fix mobile hero search prompt ellipsis truncation - #10

Merged
bebechien merged 1 commit into
mainfrom
fix-mobile-search-ellipsis
Oct 16, 2026
Merged

bebechien merged 1 commit into
mainfrom
fix-mobile-search-ellipsis

Conversation

@ammaarreshi

Copy link
Copy Markdown
Collaborator

Summary

  • Fix CSS text-overflow: ellipsis on .gemma-hero-search__rotator (docs/stylesheets/home.css): Change .gemma-hero-search__rotator from display: flex (which suppresses text-overflow: ellipsis in CSS and clips mid-glyph) to display: block; width: 100%; line-height: 3.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap, and add min-width: 0 on .gemma-hero-search__field and flex-shrink: 0 on .gemma-hero-search__go.
  • Responsive mobile sizing (docs/stylesheets/home.css, zensical.toml): Slightly tighten search bar padding, font size (0.82rem), and Explore ↵ pill on screens <= 520px, and bump home.css?v=3.

@bebechien bebechien left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@bebechien
bebechien merged commit fdfd844 into main Oct 16, 2026
8 checks passed
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.

2 participants