From 9ee90b29a63d7f83d5ad81283335f3a27443c049 Mon Sep 17 00:00:00 2001
From: bob <bcz@cs.brown.edu>
Date: Thu, 26 Sep 2019 17:35:31 -0400
Subject: rendering adjustments for pdfs for speed/readability

---
 src/client/views/nodes/PDFBox.scss | 4 ++++
 src/client/views/nodes/PDFBox.tsx  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/client/views/nodes')

diff --git a/src/client/views/nodes/PDFBox.scss b/src/client/views/nodes/PDFBox.scss
index d82bcf02f..69c4397aa 100644
--- a/src/client/views/nodes/PDFBox.scss
+++ b/src/client/views/nodes/PDFBox.scss
@@ -6,6 +6,7 @@
     width:100%;
     overflow: hidden;
     position:absolute;
+    z-index: -1;
 }
 
 .pdfBox-cont {
@@ -38,6 +39,7 @@
     position: absolute;
     right: 0;
     top: 3;
+    pointer-events: all;
 
     .pdfBox-settingsButton {
         border-bottom-left-radius: 50%;
@@ -109,6 +111,7 @@
     padding: 20px;
     overflow: hidden;
     transition: left .5s;
+    pointer-events: all;
 
     .pdfBox-searchBar {
         width: 70%;
@@ -125,6 +128,7 @@
     background: none;
     padding: 0;
     position: absolute;
+    pointer-events: all;
 
     .pdfBox-overlayButton-arrow {
         width: 0;
diff --git a/src/client/views/nodes/PDFBox.tsx b/src/client/views/nodes/PDFBox.tsx
index 9e8478ffa..cf56925ea 100644
--- a/src/client/views/nodes/PDFBox.tsx
+++ b/src/client/views/nodes/PDFBox.tsx
@@ -109,7 +109,7 @@ export class PDFBox extends DocComponent<FieldViewProps, PdfDocument>(PdfDocumen
         </>
         return !this.props.active() ? (null) :
             (<div className="pdfBox-ui" onKeyDown={e => e.keyCode === KeyCodes.BACKSPACE || e.keyCode === KeyCodes.DELETE ? e.stopPropagation() : true}
-                onPointerDown={e => e.stopPropagation()} style={{ display: this.active() ? "flex" : "none" }}>
+                onPointerDown={e => e.stopPropagation()} style={{ display: this.active() ? "flex" : "none", position: "absolute", width: "100%", height: "100%", zIndex: 1, pointerEvents: "none" }}>
                 <div className="pdfBox-overlayCont" key="cont" onPointerDown={(e) => e.stopPropagation()} style={{ left: `${this._searching ? 0 : 100}%` }}>
                     <button className="pdfBox-overlayButton" title="Open Search Bar" />
                     <input className="pdfBox-searchBar" placeholder="Search" onChange={this.searchStringChanged} onKeyDown={e => e.keyCode === KeyCodes.ENTER && this.search(this._searchString, !e.shiftKey)} />
-- 
cgit v1.2.3-70-g09d2