raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Force .product-description to be one line

Browse Source 
and make it as a `div`
This commit is contained in:
Jean-Baptiste Bellet
2023-03-09 12:08:15 +01:00
parent a56081ad5b
commit 4dfc56954c
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/shop/products/_summary.html.haml
View File

@@ -9,7 +9,7 @@
%h3
%a{"ng-click" => "triggerProductModal()", href: 'javascript:void(0)'}
%span{"ng-bind" => "::product.name"}
%p.product-description{ng: {"bind-html": "::product.description_html", click: "triggerProductModal()", show: "product.description_html.length"}}
.product-description{ng: {"bind-html": "::product.description_html", click: "triggerProductModal()", show: "product.description_html.length"}}
.product-producer
= t :products_from
%span

9
app/webpacker/css/darkswarm/_shop-product-rows.scss
View File

@@ -149,6 +149,15 @@
text-overflow: ellipsis;
margin-bottom: 0.75rem;
cursor: pointer;
// Force product description to be on one line
// and truncate with ellipsis
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
// line-clamp is not supported in Safari
line-height: 1rem;
height: 1.75rem;
}
.product-properties {