src/editor/modules/documentCanvas/documentCanvas.less

   1 @import 'nodes.less';
   2 @import 'canvas/documentElement.less';
   3 @import 'canvas/genericElement.less';
   4 @import 'canvas/gutter.less';
   5 @import 'canvas/comments/comments.less';
   6
   7 #rng-module-documentCanvas {
   8    height: 100%;
   9 }
  10
  11 #rng-module-documentCanvas-mainArea {
  12    height: 100%;
  13    margin-bottom: 20px;
  14 }
  15
  16 #rng-module-documentCanvas-contentWrapper {
  17     border-color: #ddd;
  18     border-style: solid;
  19     border-width: 1px;
  20     float:left;
  21     width: 100%;
  22     height: 100%;
  23     overflow-y: scroll;
  24     padding: 0 10px;
  25
  26     &::-webkit-scrollbar {
  27         .rng-mixin-scrollbar;
  28     }
  29     &::-webkit-scrollbar-track {
  30         .rng-mixin-scrollbar-track;
  31     }
  32     &::-webkit-scrollbar-thumb {
  33         .rng-mixin-scrollbar-thumb;
  34     }
  35     &::-webkit-scrollbar-thumb:window-inactive {
  36         .rng-mixin-scrollbar-thumb-window-inactive;
  37     }
  38
  39     .canvas-wrapper {
  40         display: table-cell;
  41         vertical-align: top;
  42         width:800px;
  43         outline: 0px solid transparent;
  44     }
  45
  46     .current-text-element {
  47     }
  48
  49     .current-node-element {
  50         border-color: lighten(#000, 35%);
  51         border-style: solid;
  52         border-width: 1px;
  53     }
  54
  55     .current-node-element[wlxml-tag="span"] {
  56         border: none;
  57     }
  58
  59     .highlighted-element {
  60         border: 1px solid lighten(#000, 15%);
  61     }
  62
  63     .highlighted-element[wlxml-tag="span"] {
  64         border: none;
  65     }
  66
  67     counter-reset: footnote;
  68 }
  69
  70 .rng-module-documentCanvas-currentNode {
  71     background: #fffacd;
  72     border-color: grey;
  73     border-style:dashed;
  74     border-width:1px;
  75 }
  76
  77 .rng-module-documentCanvas-hoveredNodeTag {
  78     position:absolute;
  79     height:20px;
  80     top:-20px;
  81     left:0;
  82     background: #bd362f;
  83     color: white;
  84     font-size:9px;
  85     font-weight: normal;
  86     font-style: normal;
  87     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  88     padding: 0 5px;
  89     text-indent: 0;
  90 }
  91
  92 [document-node-element] {
  93     position:relative;
  94     border: 1px solid transparent;
  95 }