From 42f6ec0e41c1c18205376647634381048ebed3fa Mon Sep 17 00:00:00 2001 From: Rick Barrette Date: Sat, 8 Aug 2026 11:16:22 -0400 Subject: [PATCH] Add styling for cancelled appointments with strikethrough effect --- assets/stylesheets/customer_appointments.css | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/assets/stylesheets/customer_appointments.css b/assets/stylesheets/customer_appointments.css index 19911b6..9e57ed1 100644 --- a/assets/stylesheets/customer_appointments.css +++ b/assets/stylesheets/customer_appointments.css @@ -273,9 +273,18 @@ h2 .appointment-title { .appointment-block.completed .appointment-bar { background-color: #2d8a34; } .appointment-block.completed { background: #edf9ee; border-color: #c7eecb; } -/* Cancelled - Red */ -.appointment-block.cancelled .appointment-bar { background-color: #d9534f; } -.appointment-block.cancelled { background: #fdf2f2; border-color: #f8c8c8; } +/* Cancelled - Red & Strikethrough Subject */ +.appointment-block.cancelled .appointment-bar, +.appointment-block.canceled .appointment-bar { background-color: #d9534f; } +.appointment-block.cancelled, +.appointment-block.canceled { background: #fdf2f2; border-color: #f8c8c8; } + +.appointment-block.cancelled .appointment-title, +.appointment-block.cancelled .appointment-link, +.appointment-block.canceled .appointment-title, +.appointment-block.canceled .appointment-link { + text-decoration: line-through; +} /* Table List Alignment */ table.appointments td, @@ -371,7 +380,8 @@ table.appointments td.status { } /* Cancelled - Red */ -.status-cancelled { +.status-cancelled, +.status-canceled { background-color: #fdf2f2 !important; border-color: #f8c8c8 !important; color: #d9534f !important;