X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/add1f0df981b16a8c55d89089b2f338f77ae77b4..ee5531417e78b332ff150401a27eec8fe67ef125:/src/editor/modules/documentCanvas/documentCanvas.less

diff --git a/src/editor/modules/documentCanvas/documentCanvas.less b/src/editor/modules/documentCanvas/documentCanvas.less
index 541eca2..879d78d 100644
--- a/src/editor/modules/documentCanvas/documentCanvas.less
+++ b/src/editor/modules/documentCanvas/documentCanvas.less
@@ -10,15 +10,36 @@
 }
 
 #rng-module-documentCanvas-contentWrapper {
-    border-color: #ddd;
-    border-style: solid;
-    border-width: 1px;
+    background-color: #ddd;
     float:left;
-    width: calc(~'100% - 20px');
+    width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 0 10px;
     
+    &:before {
+        content: "";
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: -15px;
+        right: -15px;
+        box-shadow: inset 0 20px 12px -20px rgba(0,0,0,0.6);
+        pointer-events:none;
+        z-index: 1;
+    }
+
+    &:after {
+        content: "";
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: -15px;
+        right: -15px;
+        box-shadow: inset 0px -20px 12px -20px rgba(0,0,0,0.6);
+        pointer-events:none;
+        z-index: 1;
+    }
+
     &::-webkit-scrollbar {
         .rng-mixin-scrollbar;
     }
@@ -35,8 +56,11 @@
     .root-wrapper {
         display: table-cell;
         vertical-align: top;
-        width:800px;
+        width: 600px;
         outline: 0px solid transparent;
+        padding: 0 100px;
+        background-color: white;
+        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.1);
     }
 
     .current-text-element {