integration wip: togglegrid, newnode
[fnpeditor.git] / 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     #rng-module-documentCanvas-content {
36         outline: 0px solid transparent;
37     }
38 }
39
40 .rng-module-documentCanvas-currentNode {
41     background: #fffacd;
42     border-color: grey;
43     border-style:dashed;
44     border-width:1px;
45 }
46
47 .rng-module-documentCanvas-hoveredNodeTag {
48     position:absolute;
49     height:20px;
50     top:-20px;
51     left:0;
52     background: #bd362f;
53     color: white;
54     font-size:9px;
55     font-weight: normal;
56     font-style: normal;
57     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
58     padding: 0 5px;
59     text-indent: 0;
60 }