editor: tweaking canvas appearance - tweaking element borders

- removing current text element outline
- tuning colors for current/hovered node element

diff --git a/src/editor/modules/documentCanvas/documentCanvas.less b/src/editor/modules/documentCanvas/documentCanvas.less
index 1696a09..626704b 100644 (file)
--- a/src/editor/modules/documentCanvas/documentCanvas.less
+++ b/src/editor/modules/documentCanvas/documentCanvas.less
@@ -38,17 +38,16 @@
     }
 
     .current-text-element {
     }
 
     .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;
     }
 
     .highlighted-element {
         border-style: solid;
         border-width: 1px;
     }
 
     .highlighted-element {

-        border: 1px solid red;
+        border: 1px solid lighten(#000, 15%);

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

diff --git a/src/editor/modules/documentCanvas/nodes.less b/src/editor/modules/documentCanvas/nodes.less
index f5e96f2..78792cc 100644 (file)
--- a/src/editor/modules/documentCanvas/nodes.less
+++ b/src/editor/modules/documentCanvas/nodes.less
@@ -2,7 +2,6 @@
     font-size: 14px;
     display: inline;
     margin: 0 1px;
     font-size: 14px;
     display: inline;
     margin: 0 1px;

-    border: 1px solid transparent;

     white-space: pre-wrap;
 }
 
     white-space: pre-wrap;
 }