From bab55fb2b208e978ff52459f643cad53f01af08e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 27 Jul 2020 17:27:49 +0200
Subject: media labels..

---
 .../components/annotations/annotation.index.css    | 24 +++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/align/components/annotations/annotation.index.css')

diff --git a/animism-align/frontend/app/views/align/components/annotations/annotation.index.css b/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
index d39e5de..170934f 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
+++ b/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
@@ -43,7 +43,29 @@
 .annotationIndex .annotation.utility {
   left: calc(405px + 0.5rem);
 }
-
+.annotation.curtain {
+  background-image: linear-gradient(rgba(255,255,255,1.0), rgba(255,255,255,1.0));
+  width: 8rem;
+  padding: 0;
+}
+.annotation.curtain span {
+  color: black;
+  padding: 0.25rem;
+}
+.annotation.curtain .fadeIn {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  background-image: linear-gradient(rgba(0,0,0,1.0), rgba(255,255,255,1.0));
+  background-size: cover;
+}
+.annotation.curtain .fadeOut {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  background-image: linear-gradient(rgba(255,255,255,1.0), rgba(0,0,0,1.0));
+  background-size: cover;
+}
 
 /* Condensed layout (first lines) */
 
-- 
cgit v1.2.3-70-g09d2