editor: bottom panel
[fnpeditor.git] / src / editor / modules / rng / mainLayout.less
1 #rng-module-rng-mainLayout {
2     position: fixed;
3     top: 5px;
4     bottom: 5px;
5     left: 80px;
6     right: 80px;
7     
8     [fnpjs-place="messages"] {
9         position: absolute;
10         top: 5px;
11         width:100%;
12         text-align:center;
13     }
14     
15     [fnpjs-place="topPanel"] {
16         float: right;
17         position: relative;
18         z-index: 2;
19     }
20     
21     [fnpjs-place="mainView"] {
22         position: absolute;
23         top: 15px;
24         left:0;
25         right:0;
26         bottom:20px;
27         z-index: 1;
28         
29         > .rng-view-tabs {
30             position: relative;
31             height: 100%;
32
33             > .rng-view-tabs-content {
34                 position: absolute;
35                 top: 45px;
36                 left: 0;
37                 right: 0;
38                 bottom: 0;
39             }    
40         }
41         
42     }
43     [fnpjs-place="bottomPanel"] {
44         position: absolute;
45         bottom:0;
46         height: 20px;
47         width:100%
48     }
49 }