aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/pdf/PDFViewer.scss
diff options
context:
space:
mode:
authorBob Zeleznik <zzzman@gmail.com>2019-10-09 23:30:36 -0400
committerBob Zeleznik <zzzman@gmail.com>2019-10-09 23:30:36 -0400
commit5617124a794b8d256e3d24b143b8dd2403cce993 (patch)
tree673a288cdbc853d697c2d8294312f563ae9f4e60 /src/client/views/pdf/PDFViewer.scss
parent2cc7ca6b267d9dd6b1683d59b6966a021339bc18 (diff)
parent3b1345616bf2f7101a21c182e0c9719b1e31f899 (diff)
merged
Diffstat (limited to 'src/client/views/pdf/PDFViewer.scss')
-rw-r--r--src/client/views/pdf/PDFViewer.scss138
1 files changed, 61 insertions, 77 deletions
diff --git a/src/client/views/pdf/PDFViewer.scss b/src/client/views/pdf/PDFViewer.scss
index a2f3911c5..f6fedf3da 100644
--- a/src/client/views/pdf/PDFViewer.scss
+++ b/src/client/views/pdf/PDFViewer.scss
@@ -1,93 +1,77 @@
-
-.pdfViewer-viewer {
- pointer-events:inherit;
+
+.pdfViewer-viewer, .pdfViewer-viewer-zoomed {
+ pointer-events: inherit;
width: 100%;
- .pdfViewer-visibleElements {
- .pdfPage-cont {
- .pdfPage-textLayer {
- div {
- user-select: text;
- }
- span {
- color: transparent;
- position: absolute;
- white-space: pre;
- cursor: text;
- -webkit-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- }
- }
+ height: 100%;
+ position: absolute;
+ overflow-y: auto;
+ overflow-x: hidden;
+
+ // .canvasWrapper {
+ // transform: scale(0.75);
+ // transform-origin: top left;
+ // }
+ .textLayer {
+
+ mix-blend-mode: multiply;
+ opacity: 0.9;
+ span {
+ padding-right: 5px;
+ padding-bottom: 4px;
}
}
- .pdfViewer-text {
- transform: scale(1.5);
- transform-origin: top left;
+ .textLayer ::selection { background: yellow; } // should match the backgroundColor in createAnnotation()
+ .textLayer .highlight {
+ background-color: yellow;
+ }
+ .textLayer .highlight.selected {
+ background-color: orange;
}
- .pdfViewer-annotationLayer {
- position: absolute;
- top: 0;
- width: 100%;
+ .page {
+ position: relative;
+ }
+ .collectionfreeformview-container {
pointer-events: none;
- .pdfPage-annotationBox {
- position: absolute;
- background-color: red;
- opacity: 0.1;
- }
}
- .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: 20%;
- height: 100%;
- font-size: 30px;
- padding: 5px;
- }
+ .pdfViewer-dragAnnotationBox {
+ position:absolute;
+ background-color: transparent;
+ opacity: 0.1;
}
- .pdfViewer-overlayButton {
- border-bottom-left-radius: 50%;
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- height: 70px;
- background: none;
- padding: 0;
+ .pdfViewer-overlay {
+ transform-origin: left top;
position: absolute;
+ top: 0px;
+ left: 0px;
+ display: inline-block;
+ width:100%;
+ }
+ .pdfViewer-annotationLayer {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ pointer-events: none;
+ mix-blend-mode: multiply;
- .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-annotationBox {
+ position: absolute;
+ background-color: rgba(245, 230, 95, 0.616);
}
}
-
- .pdfViewer-overlayButton:hover {
- background: none;
+ .pdfViewer-waiting {
+ width: 70%;
+ height: 70%;
+ margin : 15%;
+ transition: 0.4s opacity ease;
+ opacity: 0.7;
+ position: absolute;
+ z-index: 10;
}
}
+.pdfViewer-viewer-zoomed {
+ overflow-x: scroll;
+}
+ \ No newline at end of file