X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/3eaf5e66203b1afafc81dfb1214660b20a11739f..b65f1bbd3863db4164c3b7283e187460ccdf2504:/modules/documentCanvas/documentCanvas.less

diff --git a/modules/documentCanvas/documentCanvas.less b/modules/documentCanvas/documentCanvas.less
index 2dcf8ac..41405b3 100644
--- a/modules/documentCanvas/documentCanvas.less
+++ b/modules/documentCanvas/documentCanvas.less
@@ -1,51 +1,80 @@
-@import 'wlxml.less';
-
-#rng-module-documentCanvas-contentWrapper {
-    border-color: #ddd;
-    border-style: solid;
-    border-width: 1px;
-    float:left;
-    width: 600px;
-    height: 450px;
-    overflow-y: scroll;
-    padding: 5px 10px;
-    
-    &::-webkit-scrollbar {
-        .rng-mixin-scrollbar;
-    }
-    &::-webkit-scrollbar-track {
-        .rng-mixin-scrollbar-track;
-    }
-    &::-webkit-scrollbar-thumb {
-        .rng-mixin-scrollbar-thumb;
-    }
-    &::-webkit-scrollbar-thumb:window-inactive {
-        .rng-mixin-scrollbar-thumb-window-inactive;
-    }
-    
-    #rng-module-documentCanvas-content {
-        outline: 0px solid transparent;
-    }
-}
-
-.rng-module-documentCanvas-currentNode {
-    background: #fffacd;
-    border-color: grey;
-    border-style:dashed;
-    border-width:1px;
-}
-
-.rng-module-documentCanvas-hoveredNodeTag {
-    position:absolute;
-    height:20px;
-    top:-20px;
-    left:0;
-    background: #bd362f;
-    color: white;
-    font-size:9px;
-    font-weight: normal;
-    font-style: normal;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    padding: 0 5px;
-    text-indent: 0;
+@import 'nodes.less';
+@import 'canvas/widgets.less';
+
+#rng-module-documentCanvas {
+   height: 100%;
+}
+
+#rng-module-documentCanvas-mainArea {
+   height: 100%;
+   margin-bottom: 20px;
+}
+
+#rng-module-documentCanvas-contentWrapper {
+    border-color: #ddd;
+    border-style: solid;
+    border-width: 1px;
+    float:left;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+    padding: 0 10px;
+    
+    &::-webkit-scrollbar {
+        .rng-mixin-scrollbar;
+    }
+    &::-webkit-scrollbar-track {
+        .rng-mixin-scrollbar-track;
+    }
+    &::-webkit-scrollbar-thumb {
+        .rng-mixin-scrollbar-thumb;
+    }
+    &::-webkit-scrollbar-thumb:window-inactive {
+        .rng-mixin-scrollbar-thumb-window-inactive;
+    }
+    
+    .canvas-wrapper {
+        outline: 0px solid transparent;
+    }
+
+    .current-text-element {
+        outline: 1px dashed black;
+    }
+
+    .current-node-element {
+        border-color: lighten(#000, 15%);
+        border-style: solid;
+        border-width: 1px;
+    }
+
+    .highlighted-element {
+        border: 1px solid red;
+    }
+}
+
+.rng-module-documentCanvas-currentNode {
+    background: #fffacd;
+    border-color: grey;
+    border-style:dashed;
+    border-width:1px;
+}
+
+.rng-module-documentCanvas-hoveredNodeTag {
+    position:absolute;
+    height:20px;
+    top:-20px;
+    left:0;
+    background: #bd362f;
+    color: white;
+    font-size:9px;
+    font-weight: normal;
+    font-style: normal;
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    padding: 0 5px;
+    text-indent: 0;
+}
+
+[document-node-element] {
+    position:relative;
+    border: 1px solid white;
 }
\ No newline at end of file