footnote wip: expanding/collapsing footnotes
[fnpeditor.git] / 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
48         position: absolute;
49         top: -(@line_height + 2 * @padding);
50         right: 0;
51         line-height: @line_height;
52         padding: @padding;
53         font-weight: bold;
54         color: white;
55         background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
56         border-radius: 1px;
57         cursor: pointer;
58     }
59 }