From 111e4ac7c10dd63b27a6a24047743b2fb82037ee Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sat, 13 Mar 2021 10:22:52 +0100
Subject: Translate "canceled" marker

Also move away from ::before to comply with WCAG 1.3.1, specifically
by avoiding F87.

https://www.w3.org/TR/WCAG21/#info-and-relationships
https://www.w3.org/WAI/WCAG21/Techniques/failures/F87
---
 stylesheets/concerts.css | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

(limited to 'stylesheets')

diff --git a/stylesheets/concerts.css b/stylesheets/concerts.css
index 9df1ed9..b03bdc2 100644
--- a/stylesheets/concerts.css
+++ b/stylesheets/concerts.css
@@ -58,9 +58,8 @@ a.event {
     opacity: 50%;
     transition: 0.5s;
 }
-.event.canceled .summary::before {
+.event.canceled .summary .canceled {
     display: block;
-    content: "ANNULÉ";
     color: red;
 }
 .event.canceled:hover,
@@ -102,9 +101,7 @@ a.event {
     font-size: x-small;
 }
 
-.details.canceled::before {
-    display: block;
-    content: "ANNULÉ";
+.details.canceled > .canceled {
     color: red;
 }
 
-- 
cgit v1.2.3