From 147e675a126dd9f4f29236b5416da4e9f6402299 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= <hugo@lysator.liu.se>
Date: Mon, 17 Aug 2020 16:04:05 +0200
Subject: Add TRANSPARENT support.

---
 module/html/vcomponent.scm |  6 +++++-
 static/style.scss          | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/module/html/vcomponent.scm b/module/html/vcomponent.scm
index b4538fbd..6801365b 100644
--- a/module/html/vcomponent.scm
+++ b/module/html/vcomponent.scm
@@ -151,7 +151,11 @@
                                                         "unknown"))
                       ,(when (and (prop ev 'PARTSTAT)
                                   (eq? 'TENTATIVE (prop ev 'PARTSTAT)))
-                         " tentative"))
+                         " tentative")
+                      ,(when (and (prop ev 'TRANSP)
+                                  (eq? 'TRANSPARENT (prop ev 'TRANSP)))
+                         " transparent")
+                      )
                     (onclick "toggle_popup('popup' + this.id)")
                     )))
             ;; Inner div to prevent overflow. Previously "overflow: none"
diff --git a/static/style.scss b/static/style.scss
index 3515dd1e..2ed67236 100644
--- a/static/style.scss
+++ b/static/style.scss
@@ -496,10 +496,24 @@ along with their colors.
     background-color: var(--color);
     color: var(--complement);
 
+    /* Event is not confirmed to happen */
     &.tentative {
         border: 3px dashed black;
     }
 
+    /* Event duration is not "busy" time */
+    &.transparent {
+        background-image: linear-gradient(45deg,
+                                          #EE617DFF 25%,
+                                          #00000000 25%,
+                                          #00000000 50%,
+                                          #EE617DFF 50%,
+                                          #EE617DFF 75%,
+                                          #00000000 75%,
+                                          #00000000 100%);
+        background-size: 56px 56px;
+    }
+
     &.generated {
         opacity: 40%;
         transition: none;
-- 
cgit v1.2.3