more ui updates -- don't need CollectionPDFview anymore...

1 files changed, 83 insertions, 1 deletions

diff --git a/src/client/views/nodes/PDFBox.scss b/src/client/views/nodes/PDFBox.scss
index cbea47e20..4ceda1986 100644
--- a/src/client/views/nodes/PDFBox.scss
+++ b/src/client/views/nodes/PDFBox.scss
@@ -106,4 +106,86 @@
             grid-template-columns: 47.5% 5% 47.5%;
         }
     }
-}
\ No newline at end of file
+}
+
+.pdfViewer-overlayCont {
+    position: absolute;
+    width: 100%;
+    height: 100px;
+    background: #121721;
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 20px;
+    overflow: hidden;
+    transition: left .5s;
+
+    .pdfViewer-overlaySearchBar {
+        width: 70%;
+        height: 100%;
+        font-size: 30px;
+        padding: 5px;
+    }
+}
+
+.pdfViewer-overlayButton {
+    border-bottom-left-radius: 50%;
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    height: 70px;
+    background: none;
+    padding: 0;
+    position: absolute;
+
+    .pdfViewer-overlayButton-arrow {
+        width: 0;
+        height: 0;
+        border-top: 25px solid transparent;
+        border-bottom: 25px solid transparent;
+        border-right: 25px solid #121721;
+        transition: all 0.5s;
+    }
+
+    .pdfViewer-overlayButton-iconCont {
+        background: #121721;
+        height: 50px;
+        width: 70px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-left: -2px;
+        border-radius: 3px;
+    }
+}
+
+.pdfViewer-overlayButton:hover {
+    background: none;
+}
+.collectionPdfView-buttonTray {
+    top: 15px;
+    left: 20px;
+    position: relative;
+    transform-origin: left top;
+    position: absolute;
+}
+.collectionPdfView-backward {
+    color: white;
+    font-size: 24px;
+    top: 0px;
+    left: 0px;
+    position: absolute;
+    background-color: rgba(50, 50, 50, 0.2);
+}
+
+.collectionPdfView-forward {
+    color: white;
+    font-size: 24px;
+    top: 0px;
+    left: 45px;
+    position: absolute;
+    background-color: rgba(50, 50, 50, 0.2);
+}
+
+