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 6f70613..69808ea 100644 (file)
--- a/modules/documentCanvas/documentCanvas.less
+++ b/modules/documentCanvas/documentCanvas.less
@@ -49,6 +49,32 @@
     .highlighted-element {
         border: 1px solid red;
     }
     .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 {
 }
 
 .rng-module-documentCanvas-currentNode {


@@ -71,4 +97,9 @@
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     padding: 0 5px;
     text-indent: 0;
     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
 }
\ No newline at end of file