Skip to content

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

Merged
LeviXIII merged 2 commits into
mainfrom
1028-publish-to-cloud-button-covers-text-when-the-width-of-the-column-is-small
Jun 29, 2026
Merged

Fix MainMenu publish card and language overflow on narrow sidebars (#…#1030
LeviXIII merged 2 commits into
mainfrom
1028-publish-to-cloud-button-covers-text-when-the-width-of-the-column-is-small

Conversation

@Luke-Bilhorn

@Luke-Bilhorn Luke-Bilhorn commented Jun 5, 2026

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.
@LeviXIII LeviXIII merged commit a2ab414 into main Jun 29, 2026
3 checks passed
@LeviXIII LeviXIII deleted the 1028-publish-to-cloud-button-covers-text-when-the-width-of-the-column-is-small branch June 29, 2026 13:07
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

2 participants