src/editor/modules/documentCanvas/documentCanvas.less

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