Skip to content

Fix MainMenu publish card and language overflow on narrow sidebars (#…#1030

Open
Luke-Bilhorn wants to merge 1 commit into
mainfrom
1028-publish-to-cloud-button-covers-text-when-the-width-of-the-column-is-small
Open

Fix MainMenu publish card and language overflow on narrow sidebars (#…#1030
Luke-Bilhorn wants to merge 1 commit into
mainfrom
1028-publish-to-cloud-button-covers-text-when-the-width-of-the-column-is-small

Conversation

@Luke-Bilhorn
Copy link
Copy Markdown
Contributor

PR Title

1028-publish-to-cloud-button-covers-text-when-the-width-of-the-column-is-small

Summary

Closes #1028

Fix Publish to Cloud card overlapping text on narrow sidebars.

Changes

  • Publish card stacks vertically below 280px container width (button centered), horizontal above.
  • Source/Target language names wrap instead of overflowing.

Testing Checklist

  • Narrow the sidebar — Publish button drops below text, no overlap.
  • Widen the sidebar — layout returns to icon + text + button on one row.
  • Long source/target language names wrap inside their cells.

…1028)

- Publish card now uses Tailwind v4 container queries: stacks vertically
  (icon+text on top, button centered below) when the card is under 280px,
  switches to the original horizontal layout above. Prevents the Publish
  button from covering the wrapped title and avoids forcing the card wider
  than its column.
- Source/Target language cells get min-w-0 and break-words so long names
  like "BiblicalHebrewAramaicGreek..." wrap instead of overflowing.
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.

Publish to cloud button covers text when the width of the column is small

1 participant