From bcf3a3ad50fe60b5a457eaba751fd0454296dba9 Mon Sep 17 00:00:00 2001
From: Juveniel <dimitar.kalaydzhievv@gmail.com>
Date: Thu, 15 Aug 2019 15:51:16 +0300
Subject: [PATCH] feat(pdf-viewer): add text layer sass styles

---
 packages/bootstrap/scss/_variables.scss       |  1 +
 packages/default/scss/_variables.scss         |  2 ++
 packages/default/scss/pdf-viewer/_layout.scss | 34 +++++++++++++++++--
 packages/material/scss/_variables.scss        |  2 ++
 4 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
index 41373f9fc07..c864b6e2e0d 100644
--- 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
index 4e3d379bc9f..4aa0bc3989d 100644
--- 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
index f5991ca398a..24a9041bd96 100644
--- 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
index 39e05cd3994..ee4e9cadfb8 100644
--- 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;