From f00417bf89c42ed947012ebe33a7555e54d53d2c Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 7 Mar 2021 19:32:48 +0100
Subject: Handle canceled events

---
 "stylesheets/actualit\303\251s.css" | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

(limited to 'stylesheets')

diff --git "a/stylesheets/actualit\303\251s.css" "b/stylesheets/actualit\303\251s.css"
index bb6b3f8..95432dd 100644
--- "a/stylesheets/actualit\303\251s.css"
+++ "b/stylesheets/actualit\303\251s.css"
@@ -44,6 +44,16 @@ a.event {
     text-align: center;
 }
 
+.event.canceled {
+    opacity: 50%;
+    transition: 0.5s;
+}
+.event.canceled .summary::before {
+    display: block;
+    content: "ANNULÉ";
+    color: red;
+}
+
 .details > .detail {
     display: grid;
     grid-template-columns: 2em 1fr;
@@ -78,6 +88,17 @@ a.event {
     font-size: x-small;
 }
 
+.details.canceled::before {
+    display: block;
+    content: "ANNULÉ";
+    color: red;
+}
+
+.details.canceled .detail,
+.details.canceled .more {
+    opacity: 50%;
+}
+
 @media (min-width: 40em) {
     main {
         display: grid;
@@ -119,6 +140,11 @@ a.event {
         transition: 0.5s;
     }
 
+    .event.canceled:hover,
+    .event.canceled.active {
+        opacity: 1;
+    }
+
     .event:not(.active):hover .summary,
     .event:not(.active):focus-within .summary,
     .event.active .summary {
-- 
cgit v1.2.3