bonamin/bellsystems-cp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: row-alt background now works on customers list too

Browse Source
This commit is contained in:
Vasileios Kousaridas
2026-03-14 11:17:58 +02:00
parent dd607a04a1
commit 360725c93f
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/crm/customers/CustomerList.jsx
View File

@@ -840,13 +840,14 @@ export default function CustomerList() {
const gradient = rowGradient(c, direction); const gradient = rowGradient(c, direction);
const rowBg = hoveredRow === c.id ? "var(--bg-card-hover)" : undefined; const rowBg = hoveredRow === c.id ? "var(--bg-card-hover)" : undefined;
const zebraBase = index % 2 === 1 ? "var(--bg-row-alt)" : "transparent"; const zebraBase = index % 2 === 1 ? "var(--bg-row-alt)" : "transparent";
const rowBackground = gradient
? `${gradient}, ${zebraBase}`
: zebraBase;
const rowStyle = { const rowStyle = {
borderBottom: (!isLast && !(notesMode === "expanded" && hasStatus)) borderBottom: (!isLast && !(notesMode === "expanded" && hasStatus))
? "1px solid var(--border-secondary)" ? "1px solid var(--border-secondary)"
: "none", : "none",
background: rowBg background: rowBg ? rowBg : rowBackground,
? rowBg
: gradient || zebraBase,
}; };
const mainRow = ( const mainRow = (
@@ -892,7 +893,7 @@ export default function CustomerList() {
onClick={() => navigate(`/crm/customers/${c.id}`)} onClick={() => navigate(`/crm/customers/${c.id}`)}
style={{ style={{
borderBottom: "none", borderBottom: "none",
background: subRowBg || gradient || "transparent", background: subRowBg ? subRowBg : rowBackground,
}} }}
onMouseEnter={() => setHoveredRow(c.id)} onMouseEnter={() => setHoveredRow(c.id)}
onMouseLeave={() => setHoveredRow(null)} onMouseLeave={() => setHoveredRow(null)}
@@ -932,7 +933,7 @@ export default function CustomerList() {
onClick={() => navigate(`/crm/customers/${c.id}`)} onClick={() => navigate(`/crm/customers/${c.id}`)}
style={{ style={{
borderBottom: "none", borderBottom: "none",
background: subRowBg || gradient || "transparent", background: subRowBg ? subRowBg : rowBackground,
}} }}
onMouseEnter={() => setHoveredRow(c.id)} onMouseEnter={() => setHoveredRow(c.id)}
onMouseLeave={() => setHoveredRow(null)} onMouseLeave={() => setHoveredRow(null)}