_markSelected: function(node) {\r
this.dimNode(node);\r
\r
- this.node.find('.rng-current').removeClass('rng-current');\r
+ this.node.find('.rng-module-documentCanvas-currentNode').removeClass('rng-module-documentCanvas-currentNode');\r
\r
- node.addClass('rng-current');\r
+ node.addClass('rng-module-documentCanvas-currentNode');\r
\r
this.currentNode = node;\r
sandbox.publish('nodeSelected', node);\r
+@import 'wlxml.less';\r
+\r
#rng-module-documentCanvas-contentWrapper {\r
border-color: #ddd;\r
border-style: solid;\r
&::-webkit-scrollbar-thumb:window-inactive {\r
.rng-mixin-scrollbar-thumb-window-inactive;\r
}\r
+}\r
+\r
+.rng-module-documentCanvas-currentNode {\r
+ background: #fffacd;\r
+ border-color: grey;\r
+ border-style:dashed;\r
+ border-width:1px;\r
}
\ No newline at end of file
--- /dev/null
+[wlxml-tag] {\r
+ float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */\r
+ border-color: white;\r
+ border-style:solid;\r
+ border-width:1px;\r
+ min-height:20px;\r
+ position:relative;\r
+ text-indent: 0;\r
+}\r
+\r
+span[wlxml-tag] {\r
+ display:inline-block;\r
+ min-width: 10px;\r
+}\r
+\r
+[wlxml-tag=header] {\r
+ font-size: 13px;\r
+ font-weight: bold;\r
+ margin: 10px 0;\r
+}\r
+\r
+[wlxml-tag=section] {\r
+ margin-top: 10px;\r
+ margin-bottom: 10px;\r
+}\r
+\r
+[wlxml-tag=section] [wlxml-tag=section] {\r
+ margin-left:10px;\r
+}\r
+\r
+[wlxml-class|="cite"] {\r
+ font-style: italic;\r
+}\r
+\r
+[wlxml-class|="cite-code"] {\r
+ font-family: monospace;\r
+}\r
+\r
+[wlxml-class|="cite-code-xml"] {\r
+ color: blue;\r
+}\r
+\r
+[wlxml-tag=header] > [wlxml-class=author] {\r
+ font-size: 14px;\r
+}\r
+\r
+[wlxml-tag=header] > [wlxml-class=title] {\r
+ font-size:18px;\r
+}\r
+\r
+[wlxml-class|="uri"] {\r
+ color: blue;\r
+ text-decoration: underline;\r
+}\r
+\r
+[wlxml-class|="p"] {\r
+ text-indent: 1.5em;\r
+}\r
+\r
+[wlxml-class|="emph-tech"] {\r
+ font-style: italic;\r
+}\r
+\r
+[wlxml-tag] metadata {\r
+ display:none;\r
+}
\ No newline at end of file
return view.dom;\r
},\r
highlightNode: function(id) {\r
- view.dom.find('a[data-id="'+id+'"]').addClass('rng-hover');\r
+ view.dom.find('a[data-id="'+id+'"]').addClass('rng-common-hoveredNode');\r
},\r
dimNode: function(id) {\r
- view.dom.find('a[data-id="'+id+'"]').removeClass('rng-hover');\r
+ view.dom.find('a[data-id="'+id+'"]').removeClass('rng-common-hoveredNode');\r
}\r
};\r
};\r
--- /dev/null
+.rng-common-hoveredNode {\r
+ border-color: red;\r
+ border-style:solid;\r
+ border-width:1px;\r
+}\r
+\r
@import 'mixins.less';\r
+@import 'common.less';\r
\r
@import '../modules/rng/rng.less';\r
@import '../modules/documentCanvas/documentCanvas.less';\r