inline vitrine

2 files changed, 17 insertions, 2 deletions

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