height wip: first working solution

[fnpeditor.git] / modules / documentCanvas / documentCanvas.less

diff --git a/modules/documentCanvas/documentCanvas.less b/modules/documentCanvas/documentCanvas.less
index c0eca1e..acfc4c1 100644 (file)
--- a/modules/documentCanvas/documentCanvas.less
+++ b/modules/documentCanvas/documentCanvas.less
@@ -1,14 +1,23 @@
 @import 'wlxml.less';\r
 \r
+#rng-module-documentCanvas {\r
+   height: 100%;\r
+}\r
+\r
+#rng-module-documentCanvas-mainArea {\r
+   height: 100%;\r
+   margin-bottom: 20px;\r
+}\r
+\r
 #rng-module-documentCanvas-contentWrapper {\r
     border-color: #ddd;\r
     border-style: solid;\r
     border-width: 1px;\r
     float:left;\r
-    width: 600px;\r
-    height: 450px;\r
+    width: 100%;\r
+    height: 100%;\r
     overflow-y: scroll;\r
-    padding: 5px 10px;\r
+    padding: 0 10px;\r
     \r
     &::-webkit-scrollbar {\r
         .rng-mixin-scrollbar;\r
@@ -22,6 +31,10 @@
     &::-webkit-scrollbar-thumb:window-inactive {\r
         .rng-mixin-scrollbar-thumb-window-inactive;\r
     }\r
+    \r
+    #rng-module-documentCanvas-content {\r
+        outline: 0px solid transparent;\r
+    }\r
 }\r
 \r
 .rng-module-documentCanvas-currentNode {\r
@@ -29,4 +42,19 @@
     border-color: grey;\r
     border-style:dashed;\r
     border-width:1px;\r
+}\r
+\r
+.rng-module-documentCanvas-hoveredNodeTag {\r
+    position:absolute;\r
+    height:20px;\r
+    top:-20px;\r
+    left:0;\r
+    background: #bd362f;\r
+    color: white;\r
+    font-size:9px;\r
+    font-weight: normal;\r
+    font-style: normal;\r
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r
+    padding: 0 5px;\r
+    text-indent: 0;\r
 }
\ No newline at end of file