From a43615e0c0d4edc34a0f4a14172e559f00be298a Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 27 Jul 2020 19:21:55 +0200
Subject: break out fullscreen form. refactor heading

---
 .../components/annotations/annotation.index.css     | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

(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 322f9e1..7c28b43 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
@@ -23,6 +23,7 @@
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.4));
 }
 .annotationIndex .annotation.media {
+  min-width: 300px;
   left: calc(405px + 0.5rem);
 }
 .annotation.sentence.even {
@@ -31,7 +32,10 @@
 .annotation.sentence.odd {
   background-color: #537;
 }
-.annotation.header {
+.annotation.section_heading {
+  background-color: #983;
+}
+.annotation.heading_text {
   background-color: #838;
 }
 .annotation.paragraph_end {
@@ -49,8 +53,11 @@
   padding: 0;
 }
 .annotation.curtain span {
+  position: absolute;
+  top: 0; left: 0;
   z-index: 1;
   color: black;
+  text-shadow: 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
   padding: 0.25rem;
 }
 .annotation.curtain .fadeIn {
@@ -78,7 +85,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.annotationIndex.condensed .annotation.header {
+.annotationIndex.condensed .annotation.section_heading {
+  z-index: 2;
+}
+.annotationIndex.condensed .annotation.heading_text {
   z-index: 1;
 }
 .annotationIndex.condensed .annotation.paragraph_end {
@@ -91,9 +101,12 @@
   height: 2px; overflow: hidden; padding: 0; z-index: 0;
 }
 .annotationIndex.collapsed .annotation.sentence.selected {
-  z-index: 1;
+  z-index: 4;
+}
+.annotationIndex.collapsed .annotation.section_heading {
+  z-index: 3;
 }
-.annotationIndex.collapsed .annotation.header {
+.annotationIndex.collapsed .annotation.heading_text {
   z-index: 2;
 }
 .annotationIndex.collapsed .annotation.paragraph_end {
-- 
cgit v1.2.3-70-g09d2