aiolabs/satmachineadmin
8
0
Fork 0
Code Issues Pull requests Projects Releases 4 Packages Wiki Activity Actions

feat(v2): operator-side cassette inventory v1.1 + signer.nip44_* migration (#29) #30

Merged
padreug merged 19 commits from feat/cassette-config-v1 into v2-bitspire 2026-05-31 13:54:19 +00:00
Conversation 0 Commits 19 Files changed 13 +3 -1
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 23b615601f - Show all commits

fix(v2)(ui): dirty cassette row — inset shadow accent, not bg-color class
Some checks failed
ci.yml / fix(v2)(ui): dirty cassette row — inset shadow accent, not bg-color class (pull_request) Failing after 0s
Details

Prev Next 
Previous attempt (commit 5f9c84b) added text-grey-9 to bg-yellow-1 on
the q-tr dirty class. Didn't work: per CLAUDE.md "CSS specificity trap"
— LNbits applies theme overrides on Quasar utility classes with
!important, so extension class rules lose the fight even when the
pairing is correct.

Switching to inline :style with an inset left-edge box-shadow accent
(4px yellow bar) instead of changing background or text colors at all.
Per CLAUDE.md: "Inline `style` attrs (static or via Vue `:style`) win
without an arms race." The dirty indicator is now a vertical yellow
accent on the row's left edge — visible under dark theme without
touching contrast.

Reported by user during v1 joint-smoke UX pass: editing count or
position turned the row cream-coloured and made cell contents
unreadable. Fix verified with the same screenshot scenario.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Padreug 2026-05-30 19:39:35 +02:00
commit 23b615601f

4
templates/satmachineadmin/index.html
View file

@ -1029,7 +1029,9 @@
hide-pagination> hide-pagination>
<template v-slot:body="props"> <template v-slot:body="props">
<q-tr :props="props" <q-tr :props="props"
:class="props.row._dirty ? 'bg-yellow-1 text-grey-9' : ''"> :style="props.row._dirty
? {boxShadow: 'inset 4px 0 0 0 #fdd835'}
: {}">
<q-td key="denomination" class="text-right"> <q-td key="denomination" class="text-right">
<b v-text="props.row.denomination"></b> <b v-text="props.row.denomination"></b>
<span :style="{fontSize: '0.85em', opacity: 0.6}" <span :style="{fontSize: '0.85em', opacity: 0.6}"