Custom names for wlxml tags/classes - first approach

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

diff --git a/modules/documentCanvas/documentCanvas.less b/modules/documentCanvas/documentCanvas.less
index c03ede4..e17dce4 100644 (file)
--- a/modules/documentCanvas/documentCanvas.less
+++ b/modules/documentCanvas/documentCanvas.less
@@ -1,23 +1,82 @@
-#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
-    overflow-y: scroll;\r
-    padding: 5px 10px;\r
-    \r
-    &::-webkit-scrollbar {\r
-        .rng-mixin-scrollbar;\r
-    }\r
-    &::-webkit-scrollbar-track {\r
-        .rng-mixin-scrollbar-track;\r
-    }\r
-    &::-webkit-scrollbar-thumb {\r
-        .rng-mixin-scrollbar-thumb;\r
-    }\r
-    &::-webkit-scrollbar-thumb:window-inactive {\r
-        .rng-mixin-scrollbar-thumb-window-inactive;\r
-    }\r
+@import 'nodes.less';
+@import 'canvas/widgets.less';
+
+#rng-module-documentCanvas {
+   height: 100%;
+}
+
+#rng-module-documentCanvas-mainArea {
+   height: 100%;
+   margin-bottom: 20px;
+}
+
+#rng-module-documentCanvas-contentWrapper {
+    border-color: #ddd;
+    border-style: solid;
+    border-width: 1px;
+    float:left;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+    padding: 0 10px;
+    
+    &::-webkit-scrollbar {
+        .rng-mixin-scrollbar;
+    }
+    &::-webkit-scrollbar-track {
+        .rng-mixin-scrollbar-track;
+    }
+    &::-webkit-scrollbar-thumb {
+        .rng-mixin-scrollbar-thumb;
+    }
+    &::-webkit-scrollbar-thumb:window-inactive {
+        .rng-mixin-scrollbar-thumb-window-inactive;
+    }
+    
+    .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;
+    }
+
+    counter-reset: footnote;
+}
+
+.rng-module-documentCanvas-currentNode {
+    background: #fffacd;
+    border-color: grey;
+    border-style:dashed;
+    border-width:1px;
+}
+
+.rng-module-documentCanvas-hoveredNodeTag {
+    position:absolute;
+    height:20px;
+    top:-20px;
+    left:0;
+    background: #bd362f;
+    color: white;
+    font-size:9px;
+    font-weight: normal;
+    font-style: normal;
+    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