From 23b615601fd853f017279bf56669a5abc9640156 Mon Sep 17 00:00:00 2001 From: Padreug Date: Sat, 30 May 2026 19:39:35 +0200 Subject: [PATCH] =?UTF-8?q?fix(v2)(ui):=20dirty=20cassette=20row=20?= =?UTF-8?q?=E2=80=94=20inset=20shadow=20accent,=20not=20bg-color=20class?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) --- templates/satmachineadmin/index.html | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/templates/satmachineadmin/index.html b/templates/satmachineadmin/index.html index 1b96526..f0ebc48 100644 --- a/templates/satmachineadmin/index.html +++ b/templates/satmachineadmin/index.html @@ -1029,7 +1029,9 @@ hide-pagination>