From 268ae2f8a416527f5d71c0f53345da4c267c8216 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 13 Aug 2020 17:02:43 +0200
Subject: inline vitrine

---
 .../viewer/player/components.utility/media.vitrine.js   |  2 +-
 .../views/viewer/player/components.utility/vitrine.css  | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/player/components.utility')

diff --git a/animism-align/frontend/app/views/viewer/player/components.utility/media.vitrine.js b/animism-align/frontend/app/views/viewer/player/components.utility/media.vitrine.js
index abe0241..b2c7944 100644
--- a/animism-align/frontend/app/views/viewer/player/components.utility/media.vitrine.js
+++ b/animism-align/frontend/app/views/viewer/player/components.utility/media.vitrine.js
@@ -5,7 +5,7 @@ import { ZoomPlus } from '../../nav/viewer.icons.js'
 export const Vitrine = ({ media }) => {
   const { image_order, image_lookup, thumbnail_lookup } = media.settings
   const width = (Math.floor(100 / image_order.length * 2) - 2) + 'vw'
-  console.log(width)
+  // console.log(width)
   return (
     <div className='vitrine-items'>
       {image_order.map(id => {
diff --git a/animism-align/frontend/app/views/viewer/player/components.utility/vitrine.css b/animism-align/frontend/app/views/viewer/player/components.utility/vitrine.css
index 171ab84..7acf601 100644
--- a/animism-align/frontend/app/views/viewer/player/components.utility/vitrine.css
+++ b/animism-align/frontend/app/views/viewer/player/components.utility/vitrine.css
@@ -46,6 +46,21 @@
 .vitrine-items .vitrine-item .zoomPlus {
   cursor: pointer;  
 }
-.vitrine-items .vitrine-item:hover .zoomPlus path {
+.vitrine-items .vitrine-item:hover .zoomPlus .cross {
   stroke: #000;
+  stroke-width: 0.5;
 }
+.vitrine-items .vitrine-item:hover .zoomPlus .ring {
+  fill: #fff;
+}
+.vitrine-items .vitrine-item .zoomPlus .ring-inner {
+  stroke: transparent;
+  fill: transparent;
+}
+.vitrine-items .vitrine-item:hover .zoomPlus .ring-inner {
+  fill: #fff;
+  stroke: #fff;
+}
+.inline-element.vitrine .heading {
+  padding-top: 8rem;
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2