From ba688bb39f5c863a1e91166feae3ac843750348c Mon Sep 17 00:00:00 2001
From: Melissa Zhang <mzhang19096@gmail.com>
Date: Mon, 18 May 2020 00:33:19 -0700
Subject: rough 3D layout, add prev/next images

---
 .../collections/CollectionCarousel3DView.scss      | 27 +++++++++-------------
 1 file changed, 11 insertions(+), 16 deletions(-)

(limited to 'src/client/views/collections/CollectionCarousel3DView.scss')

diff --git a/src/client/views/collections/CollectionCarousel3DView.scss b/src/client/views/collections/CollectionCarousel3DView.scss
index 2142eca39..ee92cde4c 100644
--- a/src/client/views/collections/CollectionCarousel3DView.scss
+++ b/src/client/views/collections/CollectionCarousel3DView.scss
@@ -2,27 +2,21 @@
     background: white;
     height: 100%;
 
-    .collectionCarouselView-center-container {
+    .collectionCarouselView-image {
+        overflow: hidden; //fix ContentFittingView size
+        position: absolute;
+        height: 100%;
         width: 70%;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
         margin: auto;
-        overflow: hidden; //fix ContentFittingView position!!
-
-        .collectionCarouselView-caption {
-            height: 50;
-            display: inline-block;
-            width: 100%;
-            margin: auto;
-        }
-
-        .collectionCarouselView-image {
-            height: calc(100% - 50px);
-            width: 70%;
-            display: inline-block;
-            user-select: none;
-        }
+        user-select: none;
     }
 
     .collectionCarouselView-prev {
+        overflow: hidden;
         position: absolute;
         height: 50%;
         width: 50%;
@@ -32,6 +26,7 @@
     }
 
     .collectionCarouselView-next {
+        overflow: hidden;
         position: absolute;
         height: 50%;
         width: 50%;
-- 
cgit v1.2.3-70-g09d2