editor: canvas bug fix
[fnpeditor.git] / 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 }