From f752e8b58064e6b28b3a6a0672180f0e36283cfc Mon Sep 17 00:00:00 2001
From: "Austin L." <86896075+rvnminers-A-and-N@users.noreply.github.com>
Date: Sat, 18 Jul 2026 22:00:35 +0000
Subject: [PATCH] fix: compare loader now hides after the card loads;
consistent example name
- The flask loader in each compare box stayed visible after the image loaded
(only the img was hidden while loading, never the loader after). Added
.cmp-card:not(.loading) .cmp-load{display:none}.
- Compare example: 'ethylvanillin' -> 'ethyl vanillin' to match its own label
(both spellings are valid; two words matches the flavor-industry convention).
Signed-off-by: Austin L. <86896075+rvnminers-A-and-N@users.noreply.github.com>
---
training/workbench.html | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/training/workbench.html b/training/workbench.html
index fbeb6f9..5d3420d 100644
--- a/training/workbench.html
+++ b/training/workbench.html
@@ -377,6 +377,7 @@
.cmp-card .empty{padding:20px}
.cmp-card.loading{display:flex;align-items:center;justify-content:center;min-height:300px}
.cmp-card.loading img{display:none}
+ .cmp-card:not(.loading) .cmp-load{display:none}
.cmp-load{display:flex;flex-direction:column;align-items:center;gap:8px}
.cmp-load .loader-flask{width:96px;height:96px}
.cmp-load-cap{font-family:'Cinzel',Georgia,serif;font-size:12.5px;letter-spacing:.04em;color:var(--cream)}
@@ -803,7 +804,7 @@