Fixing borders around inline document node elements which text starts at a new line

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

diff --git a/modules/documentCanvas/documentCanvas.less b/modules/documentCanvas/documentCanvas.less
index 4d04285..69808ea 100644 (file)
--- a/modules/documentCanvas/documentCanvas.less
+++ b/modules/documentCanvas/documentCanvas.less
@@ -32,9 +32,49 @@
         .rng-mixin-scrollbar-thumb-window-inactive;
     }
     
-    #rng-module-documentCanvas-content {
+    .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;
+    }
+
+
+    .canvas-widgets {
+        display: inline;
+    }
+
+    .canvas-widget {
+        display: none;
+    }
+
+    .canvas-widget-label {
+        position: absolute;
+        display: none;
+        top: -20px;
+        left:0;
+        background-color: red;
+        color: white;
+        font-size:12px;
+        font-weight: bold;
+        padding: 1px 3px;
+        //width:300px;
+        opacity: 0.65;
+        font-family: monospace;
+        z-index:9999;
+        white-space: nowrap;
+    }
 }
 
 .rng-module-documentCanvas-currentNode {
@@ -57,4 +97,9 @@
     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