Moving documentCanvas style from old stylesheet

diff --git a/modules/documentCanvas/documentCanvas.js b/modules/documentCanvas/documentCanvas.js
index f9a8b7a..031ca1f 100644 (file)
--- a/modules/documentCanvas/documentCanvas.js
+++ b/modules/documentCanvas/documentCanvas.js
@@ -186,14 +186,14 @@ return function(sandbox) {
                 var label = node.attr('wlxml-tag');\r
                 if(node.attr('wlxml-class'))\r
                     label += ' / ' + node.attr('wlxml-class');\r
-                var tag = $('<div>').addClass('rng-visualEditor-nodeHoverTag').text(label);\r
+                var tag = $('<div>').addClass('rng-module-documentCanvas-hoveredNodeTag').text(label);\r
                 node.append(tag);\r
             }\r
         },\r
         dimNode: function(node) {\r
             if(!this.gridToggled) {\r
                 node.removeClass('rng-hover');\r
-                node.find('.rng-visualEditor-nodeHoverTag').remove();\r
+                node.find('.rng-module-documentCanvas-hoveredNodeTag').remove();\r
             }\r
         },\r
         highlightNodeById: function(id) {\r

diff --git a/modules/documentCanvas/documentCanvas.less b/modules/documentCanvas/documentCanvas.less
index c0eca1e..fc50d85 100644 (file)
--- a/modules/documentCanvas/documentCanvas.less
+++ b/modules/documentCanvas/documentCanvas.less
@@ -29,4 +29,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