Shiloh/brotherton-erpnext
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: CSS not applied to product title (#35582)

Browse Source 
In an erpnext website, the /all-products route shows website items that have been published to the web site.

In the list view (erpnext/e_commerce/product_ui/list.js), the css class is null for the product title. Instead, inline style statements have been added in that can not be modified by overriding CSS.

This fix uses a similar approach to that which is taken in the grid view (erpnext/e_commerce/product_ui/grid.js). It removes the null CSS parameter in the product title link as well as the inline style statement. Then, as in the grid view, the product title is wrapped in a div tag with the product_title CSS class.

This makes it possible to style the product title as desired with a CSS override.

Closes #35580
This commit is contained in:
Trusted Computer 2023-06-07 09:41:49 -07:00 committed by GitHub
parent f732cac678
commit 781548e46e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
erpnext/e_commerce/product_ui/list.js
View File

@ -78,9 +78,10 @@ erpnext.ProductList = class {
let title_html = `<div style="display: flex; margin-left: -15px;">`; let title_html = `<div style="display: flex; margin-left: -15px;">`;
title_html += ` title_html += `
<div class="col-8" style="margin-right: -15px;"> <div class="col-8" style="margin-right: -15px;">
<a class="" href="/${ item.route || '#' }" <a href="/${ item.route || '#' }">
style="color: var(--gray-800); font-weight: 500;"> <div class="product-title">
${ title } ${ title }
</div>
</a> </a>
</div> </div>
`; `;