feat(pdf-viewer): add text layer sass styles

telerik · Aug 23, 2019 · bcf3a3a · bcf3a3a
1 parent 6d4d6fd
commit bcf3a3a
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 3 deletions.
diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
@@ -1307,6 +1307,7 @@ $pdf-viewer-page-text: $panel-text !default;
 $pdf-viewer-page-border: $panel-border !default;
 $pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
 
+$pdf-viewer-selection-line-height: 1.2 !default;
 
 
 // Drawer

diff --git a/packages/default/scss/_variables.scss b/packages/default/scss/_variables.scss
@@ -1272,6 +1272,8 @@ $pdf-viewer-page-text: $panel-text !default;
 $pdf-viewer-page-border: $panel-border !default;
 $pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
 
+$pdf-viewer-selection-line-height: $line-height-sm !default;
+
 
 // Adaptive Common
 $adaptive-content-bg: $base-bg !default;

diff --git a/packages/default/scss/pdf-viewer/_layout.scss b/packages/default/scss/pdf-viewer/_layout.scss
@@ -26,16 +26,44 @@
         // Canvas
         .k-list-scroller {
             flex: 1 1 auto;
+            outline: none;
+
+            .k-enable-text-select {
+                -webkit-user-select: text;
+                -moz-user-select: text;
+                -ms-user-select: text;
+                user-select: text;
+                cursor: text;
+            }
+
+            .k-enable-panning {
+                cursor: grab;
+            }
         }
 
 
         // Page
         .k-page {
+            position: relative;
             margin: $pdf-viewer-page-spacing auto;
-        }
 
-        .k-page canvas {
-            direction: ltr;
+            canvas {
+                direction: ltr;
+            }
+
+            .k-text-layer {
+                position: absolute;
+                top: 0;
+                left: 0;
+                opacity: .2;
+                overflow: hidden;
+            }
+            .k-text-layer > span {
+                position: absolute;
+                line-height: $pdf-viewer-selection-line-height;
+                transform-origin: 0% 0%;
+                color: transparent;
+            }
         }
     }
 

diff --git a/packages/material/scss/_variables.scss b/packages/material/scss/_variables.scss
@@ -1377,6 +1377,8 @@ $pdf-viewer-page-text: $panel-text !default;
 $pdf-viewer-page-border: $panel-border !default;
 $pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
 
+$pdf-viewer-selection-line-height: $line-height-sm !default;
+
 
 // Adaptive Common
 $adaptive-content-bg: $base-bg !default;