diff options
| author | bob <bcz@cs.brown.edu> | 2019-09-26 17:35:31 -0400 |
|---|---|---|
| committer | bob <bcz@cs.brown.edu> | 2019-09-26 17:35:31 -0400 |
| commit | 9ee90b29a63d7f83d5ad81283335f3a27443c049 (patch) | |
| tree | 8d7527e58b541b9e63249614205b95f5570a2092 /src/client/views/nodes | |
| parent | 29dec8b7e547d75983d4533862726692fabbabd1 (diff) | |
rendering adjustments for pdfs for speed/readability
Diffstat (limited to 'src/client/views/nodes')
| -rw-r--r-- | src/client/views/nodes/PDFBox.scss | 4 | ||||
| -rw-r--r-- | src/client/views/nodes/PDFBox.tsx | 2 |
2 files changed, 5 insertions, 1 deletions
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)} /> |