payfrit/payfrit-biz
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix KDS: only show pointer cursor on items with modifiers

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
John Mizerek 2026-03-12 11:32:11 -07:00
parent f64a321afd
commit f5223e5636
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
kds/index.html
View file

@ -44,7 +44,8 @@
.line-items { margin-bottom: 15px; } .line-items { margin-bottom: 15px; }
.line-item { margin-bottom: 10px; padding: 10px; background: #0a0a0a; border-radius: 6px; } .line-item { margin-bottom: 10px; padding: 10px; background: #0a0a0a; border-radius: 6px; }
.line-item-main { display: flex; justify-content: space-between; align-items: flex-start; cursor: pointer; } .line-item-main { display: flex; justify-content: space-between; align-items: flex-start; }
.line-item-main.has-extras { cursor: pointer; }
.item-name { font-size: 14px; font-weight: 500; color: #aaa; flex: 1; } .item-name { font-size: 14px; font-weight: 500; color: #aaa; flex: 1; }
.item-qty { font-size: 14px; font-weight: 600; color: #666; margin-left: 10px; } .item-qty { font-size: 14px; font-weight: 600; color: #666; margin-left: 10px; }
.mod-badge { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; padding: 1px 6px; background: #1a1a2e; border-radius: 10px; font-size: 11px; color: #888; cursor: pointer; } .mod-badge { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; padding: 1px 6px; background: #1a1a2e; border-radius: 10px; font-size: 11px; color: #888; cursor: pointer; }

2
kds/kds.js
View file

@ -381,7 +381,7 @@ function renderLineItem(item, allItems, isOtherStation = false) {
const extrasId = `extras-${item.OrderLineItemID}`; const extrasId = `extras-${item.OrderLineItemID}`;
return ` return `
<div class="line-item${otherClass}${doneClass}"> <div class="line-item${otherClass}${doneClass}">
<div class="line-item-main"${hasExtras ? ` onclick="toggleExtras('${extrasId}', this)"` : ''}> <div class="line-item-main${hasExtras ? ' has-extras' : ''}"${hasExtras ? ` onclick="toggleExtras('${extrasId}', this)"` : ''}>
<div class="item-name">${escapeHtml(item.Name)}</div> <div class="item-name">${escapeHtml(item.Name)}</div>
${hasExtras ? `<span class="mod-badge">${extrasCount}<span class="chevron">▼</span></span>` : ''} ${hasExtras ? `<span class="mod-badge">${extrasCount}<span class="chevron">▼</span></span>` : ''}
<div class="item-qty">x${item.Quantity}</div> <div class="item-qty">x${item.Quantity}</div>