From 8a64486cf5458352c432bd8fb81feb1a45a4ec24 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 17 Aug 2020 15:56:42 +0200
Subject: gallery styling

---
 .../app/views/viewer/player/components.inline/inline.gallery.js       | 4 ++--
 .../frontend/app/views/viewer/player/components.utility/media.css     | 2 ++
 .../app/views/viewer/player/components.utility/media.gallery.js       | 2 +-
 animism-align/frontend/app/views/viewer/player/player.transcript.css  | 1 +
 4 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'animism-align/frontend')

diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
index 5852ff1..0086372 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
@@ -26,7 +26,6 @@ export const InlineVitrine = ({ paragraph, media, currentParagraph, currentAnnot
 export const InlineGallery = ({ paragraph, media, currentParagraph, currentAnnotation, onAnnotationClick, onDoubleClick }) => {
   const annotation = paragraph.annotations[0]
   const item = media.lookup[annotation.settings.media_id]
-
   return (
     <div
       className='inline-element media gallery'
@@ -52,7 +51,6 @@ export const InlineCarousel = ({ paragraph, media, currentParagraph, currentAnno
       <div style={style} className='carousel-container'>
         <Carousel media={item} />
       </div>
-      <MediaCitation media={item} />
     </div>
   )
 }
@@ -69,3 +67,5 @@ export const InlineGrid = ({ paragraph, media, currentParagraph, currentAnnotati
     </div>
   )
 }
+
+// <MediaCitation media={item} />
diff --git a/animism-align/frontend/app/views/viewer/player/components.utility/media.css b/animism-align/frontend/app/views/viewer/player/components.utility/media.css
index 28cc841..d99efa1 100644
--- a/animism-align/frontend/app/views/viewer/player/components.utility/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.utility/media.css
@@ -2,6 +2,7 @@
 
 .carousel-container {
   margin-top: 0.5rem;
+  margin-bottom: 1.5rem;
   padding: 1rem;
 }
 .carousel-item {
@@ -41,6 +42,7 @@
 }
 .gallery-caption {
   margin-top: 0.5rem;
+  color: #888;
 }
 
 .gallery-container::-webkit-scrollbar {
diff --git a/animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js b/animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js
index 7cec52b..dd2e6db 100644
--- a/animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js
+++ b/animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js
@@ -7,7 +7,7 @@ export const Gallery = ({ media, annotation }) => {
   const color = CURTAIN_COLOR_LOOKUP[annotation.settings.color] || CURTAIN_COLOR_LOOKUP.white
   const style = {
     backgroundColor: color.backgroundColor,
-    color: color.textColor,
+    // color: color.textColor,
   }
 
   // console.log(display_lookup)
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index 4491a24..b2c754a 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -76,6 +76,7 @@
 
 .player-transcript .blockquote {
   padding-left: 2rem;
+  /*padding-right: 2rem;*/
   line-height: 1.45;
 }
 
-- 
cgit v1.2.3-70-g09d2