src/editor/modules/documentCanvas/documentCanvas.less

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