From b7d9d91b1a0d8dd12072c8a5ebc2c766e8126130 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Fri, 1 May 2026 12:08:29 +0100
Subject: [PATCH] fix(events): replace 50% opacity on cancelled rows with
 strikethrough
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The .is-cancelled row used opacity:0.5, which dragged --text-faint
(#665c4b) on the cream background to a 2.1:1 ratio against #f4efe4 —
serious axe violation flagged in CI. Strikethrough on the title and
tagline conveys the cancelled state without crushing contrast; the
existing .cancelled-tag in --ember still flags the row.
---
 app/pages/events/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/pages/events/index.vue b/app/pages/events/index.vue
index 3a64189..66c90e9 100644
--- a/app/pages/events/index.vue
+++ b/app/pages/events/index.vue
@@ -232,8 +232,12 @@ const isAlmostFull = (event) => {
 .event-row:hover {
   padding-left: 4px;
 }
-.event-row.is-cancelled {
-  opacity: 0.5;
+.event-row.is-cancelled .event-title a {
+  text-decoration: line-through;
+  text-decoration-thickness: 1px;
+}
+.event-row.is-cancelled .event-tagline {
+  text-decoration: line-through;
 }
 
 .event-date-col {