CriptoMart/addons-cm
2
0
Fork 0
Code Issues 1 Pull requests Releases Wiki Activity

[FIX] website_sale_aplicoop: show the full product name on the cards

Browse source 
The card title was clamped to two lines with an ellipsis, so longer names
were cut off. Drop the -webkit-line-clamp and the overflow:hidden; keep the
two-line min-height so short names still reserve the space and the grid rows
stay aligned, while longer names grow the card downward.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
GitHub Copilot 2026-08-27 19:51:07 +02:00
parent 394f9a60a4
commit 40c92613d9
1 changed files with 3 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
website_sale_aplicoop/static/src/css/components/product-card.css
View file

@ -157,14 +157,11 @@
}
.product-card .card-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
/* Reserve both lines so single-line titles don't stagger the grid. */
/* Show the whole product name, however many lines it takes. Still reserve
two lines so short titles don't stagger the grid; longer names just grow
the card downward. */
min-height: calc(2em * var(--ac-leading-tight));
margin: 0;
overflow: hidden;
overflow-wrap: break-word;
font-size: var(--ac-text-base);
font-weight: var(--ac-weight-semibold);