modules/documentCanvas/documentCanvas.less

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