From e7305d31ec041e23b11f11881544700822199131 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 6 Nov 2020 16:24:14 +0100
Subject: fixing citations. fix pullquote left border in transcript

---
 .../viewer/transcript/components/elementTypes.gallery.js    |  1 +
 .../viewer/transcript/components/elementTypes.image.js      |  6 ++++++
 .../frontend/app/views/viewer/transcript/transcript.css     | 13 ++++++++++++-
 3 files changed, 19 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/viewer/transcript')

diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.gallery.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.gallery.js
index d21cc79..30a8fa5 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.gallery.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.gallery.js
@@ -10,6 +10,7 @@ export const MediaGallery = ({ paragraph, media, currentParagraph, currentAnnota
     return <div />
   }
   const item = media.lookup[annotation.settings.media_id]
+  console.log(item)
   if (!item) return <div>Media not found: {annotation.settings.media_id}</div>
   return (
     <div
diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.image.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.image.js
index 9a9c0a6..b1b846f 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.image.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.image.js
@@ -1,6 +1,11 @@
 import React, { Component } from 'react'
 
 export const MediaCitation = ({ media }) => {
+  if (media.settings.caption) {
+    return (
+      <span dangerouslySetInnerHTML={{ __html: media.settings.caption }} />
+    )
+  }
   if (media.settings.bibliography) {
     return (
       <span dangerouslySetInnerHTML={{ __html: media.settings.bibliography }} />
@@ -31,6 +36,7 @@ export const MediaImage = ({ paragraph, media, currentParagraph, currentAnnotati
   if (!media.lookup) return <div />
   const className = currentParagraph ? 'media image current' : 'media image'
   const annotation = paragraph.annotations[0]
+  console.log(annotation.settings.hide_in_transcript)
   if (annotation.settings.hide_in_transcript) {
     return <div />
   }
diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.css b/animism-align/frontend/app/views/viewer/transcript/transcript.css
index ba3f672..1649f94 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.css
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.css
@@ -101,6 +101,12 @@
 .transcript .media:hover span {
   background: rgba(0,0,0,0.12);
 }
+.transcript .paragraph span:hover {
+  background: rgba(225,225,225,1.0);
+}
+.transcript .paragraph span.pullquote_credit:hover {
+  background: transparent;
+}
 
 .transcript .paragraph {
   cursor: pointer;
@@ -115,9 +121,14 @@
   border-left: 2px solid #ddd;
   padding-left: 1rem;
 }
+.transcript .pullquote + .pullquote {
+  margin-top: -1rem;
+  padding-top: 1rem;
+}
 .transcript .pullquote_credit {
   display: block;
   text-align: right;
+  cursor: arrow;
 }
 .transcript .pullquote_credit:before {
   content: '—';
@@ -128,13 +139,13 @@
 .transcript span {
   margin-right: 4px;
   box-shadow: 0 0 0 rgba(255,255,255,0.0);
+  transition: all 0.2s;
 }
 .transcript .media span {
   margin-right: 0;
   border-bottom: 1px solid;
   cursor: pointer;
   background: rgba(0,0,0,0.0);
-  transition: background 0.2s;
 }
 
 .transcript .paragraph .current {
-- 
cgit v1.2.3-70-g09d2