Style transparent (not opaque) events

Fixes #3192
2026-05-29 23:25:27 +00:00 · 2016-04-22 12:22:02 -04:00
parent 09d04984a5
commit 7ea3608dab
6 changed files with 59 additions and 23 deletions
@@ -308,6 +308,29 @@ $quarter_height: 10px;
      opacity: 0.4;
    }

+    // Event is transparent (not opaque)
+    &--transparent {
+      &:before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-bottom: 0;
+        background-origin: border-box;
+        background-image: linear-gradient(
+            to right bottom,
+            rgba(255, 255, 255, 0),
+            rgba(255, 255, 255, .15) 50%,
+            rgba(255, 255, 255, 0) 50%,
+            rgba(255, 255, 255, 0)
+          );
+      }
+    }
+
    .eventInside {
      overflow: hidden;
    }