Skip to content

Fix scrollbar and unequal heights on doc cards - #3301

Merged
pwizla merged 1 commit into
mainfrom
repo/fix-cloud-doc-card-overflow
Jun 29, 2026
Merged

Fix scrollbar and unequal heights on doc cards#3301
pwizla merged 1 commit into
mainfrom
repo/fix-cloud-doc-card-overflow

Conversation

@pwizla

@pwizla pwizla commented Jun 29, 2026

Copy link
Copy Markdown
Collaborator

This PR fixes a scrollbar that appeared on the Strapi Cloud intro page doc cards when a card title wrapped to two lines or a description was long. The cards used overflow: auto on a fixed-height box, which defeated the line-clamp truncation; the description now clamps to three lines with overflow: hidden, the card uses min-height instead of a fixed height, and the visible card fills its stretched grid cell so cards in a row keep equal heights. Two overlong card descriptions are also shortened.

Direct preview link 👉 here

The doc cards used overflow: auto on a fixed-height box, which defeated the line-clamp truncation and showed a scrollbar when a title wrapped to two lines or a description was long. Clamp the description with overflow: hidden, switch to min-height, and make the visible card fill its stretched grid cell so cards in a row keep equal heights. Also shorten two overlong card descriptions.
@vercel

vercel Bot commented Jun 29, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
documentation Ready Ready Preview, Comment Jun 29, 2026 4:40pm

Request Review

@pwizla pwizla self-assigned this Jun 29, 2026
@github-actions github-actions Bot added pr: updated content PRs updating existing documentation content source: Strapi Cloud PRs/issues targeting the Strapi Cloud documentation internal PRs created by the Strapi core team labels Jun 29, 2026
@pwizla pwizla changed the title Fix scrollbar and unequal heights on Cloud intro doc cards Jun 29, 2026

@pwizla pwizla left a comment

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

Let's merge it and check in prod. At least it now works in Cloud intro page

@pwizla pwizla added this to the 7.0.1 milestone Jun 29, 2026
@pwizla pwizla added pr: chore source: repo PRs/issues not targeting a specific documentation but rather affecting the whole repo and removed pr: updated content PRs updating existing documentation content source: Strapi Cloud PRs/issues targeting the Strapi Cloud documentation labels Jun 29, 2026
@pwizla
pwizla merged commit 6462924 into main Jun 29, 2026
12 checks passed
@pwizla
pwizla deleted the repo/fix-cloud-doc-card-overflow branch June 29, 2026 16:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

internal PRs created by the Strapi core team pr: chore source: repo PRs/issues not targeting a specific documentation but rather affecting the whole repo

1 participant