editor: introducing canvas gutter

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

diff --git a/src/editor/modules/documentCanvas/documentCanvas.less b/src/editor/modules/documentCanvas/documentCanvas.less
index e17dce4..b2fbd5d 100644 (file)
--- a/src/editor/modules/documentCanvas/documentCanvas.less
+++ b/src/editor/modules/documentCanvas/documentCanvas.less
@@ -1,5 +1,7 @@
 @import 'nodes.less';
 @import 'nodes.less';

-@import 'canvas/widgets.less';
+@import 'canvas/documentElement.less';
+@import 'canvas/genericElement.less';
+@import 'canvas/gutter.less';

 
 #rng-module-documentCanvas {
    height: 100%;
 
 #rng-module-documentCanvas {
    height: 100%;


@@ -34,21 +36,31 @@
     }
     
     .canvas-wrapper {
     }
     
     .canvas-wrapper {

+        display: table-cell;
+        vertical-align: top;
+        width:800px;

         outline: 0px solid transparent;
     }
 
     .current-text-element {
         outline: 0px solid transparent;
     }
 
     .current-text-element {

-        outline: 1px dashed black;

     }
 
     .current-node-element {
     }
 
     .current-node-element {

-        border-color: lighten(#000, 15%);
+        border-color: lighten(#000, 35%);

         border-style: solid;
         border-width: 1px;
     }
 
         border-style: solid;
         border-width: 1px;
     }
 

+    .current-node-element[wlxml-tag="span"] {
+        border: none;
+    }
+

     .highlighted-element {
     .highlighted-element {

-        border: 1px solid red;
+        border: 1px solid lighten(#000, 15%);
+    }
+    
+    .highlighted-element[wlxml-tag="span"] {
+        border: none;

     }
 
     counter-reset: footnote;
     }
 
     counter-reset: footnote;


@@ -78,5 +90,5 @@
 
 [document-node-element] {
     position:relative;
 
 [document-node-element] {
     position:relative;

-    border: 1px solid white;
+    border: 1px solid transparent;

 }
\ No newline at end of file
 }
\ No newline at end of file