src/editor/modules/documentCanvas/canvas/widgets.less

   1 [document-node-element] {
   2     .canvas-widgets {
   3         display: inline;
   4         text-indent: 0;
   5     }
   6
   7     .canvas-widget {
   8         display: none;
   9     }
  10
  11     .canvas-widget-label {
  12         position: absolute;
  13         display: none;
  14         top: -20px;
  15         left:0;
  16         background-color: red;
  17         color: white;
  18         font-size:12px;
  19         font-weight: bold;
  20         padding: 1px 3px;
  21         //width:300px;
  22         opacity: 0.65;
  23         font-family: monospace;
  24         z-index:9999;
  25         white-space: nowrap;
  26     }
  27
  28
  29
  30     .canvas-widget-footnote-handle {
  31         display: inline;
  32         outline: 0px solid transparent;
  33         cursor: pointer;
  34         counter-increment: footnote;
  35         vertical-align: super;
  36         color: blue;
  37         font-size: .8em;
  38
  39         &::before, {
  40             content: "[" counter(footnote) "]";
  41         }
  42     }
  43
  44     .canvas-widget-hide-button {
  45         @line_height: 12px;
  46         @padding: 2px;
  47         @temporary_footnote_hack: 10px;
  48
  49         position: absolute;
  50         top: -(@line_height + 2 * @padding) + @temporary_footnote_hack;
  51         right: 0;
  52         line-height: @line_height;
  53         padding: @padding;
  54         font-weight: bold;
  55         color: white;
  56         background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
  57         border-radius: 1px;
  58         cursor: pointer;
  59     }
  60 }