temporal media updates for pres. trails

1 files changed, 35 insertions, 6 deletions

diff --git a/src/client/views/presentationview/PresElementBox.scss b/src/client/views/presentationview/PresElementBox.scss
index ed1aa9a1e..e1eeefc30 100644
--- a/src/client/views/presentationview/PresElementBox.scss
+++ b/src/client/views/presentationview/PresElementBox.scss
@@ -123,12 +123,6 @@ $slide-active: #5B9FDD;
 
 
     .presItem-slideButtons {
-        display: none;
-    }
-}
-
-.presItem-slide:hover {
-    .presItem-slideButtons {
         display: flex;
         grid-column: 7;
         grid-row: 1/3;
@@ -162,6 +156,41 @@ $slide-active: #5B9FDD;
     }
 }
 
+// .presItem-slide:hover {
+    //     .presItem-slideButtons {
+    //         display: flex;
+    //         grid-column: 7;
+    //         grid-row: 1/3;
+    //         width: max-content;
+    //         justify-self: right;
+    //         justify-content: flex-end;
+
+    //         .slideButton {
+    //             cursor: pointer;
+    //             position: relative;
+    //             border-radius: 100px;
+    //             z-index: 300;
+    //             width: 18px;
+    //             height: 18px;
+    //             display: flex;
+    //             font-size: 12px;
+    //             justify-self: center;
+    //             align-self: center;
+    //             background-color: rgba(0, 0, 0, 0.5);
+    //             color: white;
+    //             justify-content: center;
+    //             align-items: center;
+    //             transition: 0.2s;
+    //             margin-right: 3px;
+    //         }
+
+    //         .slideButton:hover {
+    //             background-color: rgba(0, 0, 0, 1);
+    //             transform: scale(1.2);
+    //         }
+    //     }
+    // }
+
 .presItem-slide.active {
     box-shadow: 0 0 0px 1.5px $dark-blue;
 }