Fixing element highlighting synchronization issue

[fnpeditor.git] / modules / rng / editingLayout.less

diff --git a/modules/rng/editingLayout.less b/modules/rng/editingLayout.less
index 9f583c5..19d165f 100644 (file)
--- a/modules/rng/editingLayout.less
+++ b/modules/rng/editingLayout.less
@@ -1,57 +1,88 @@
-.rng-module-rng2-left {\r
-    float: left;\r
-    width: 600px;\r
-}\r
-\r
-.rng-module-rng2-right {\r
-    float: right;\r
-    position: relative;\r
-    width: 258px;\r
-    margin-left: 50px;\r
-\r
-    border-width: 1px 1px 1px 1px;\r
-    border-style: solid;\r
-    border-color: #ddd;\r
-    padding: 5px 15px;\r
-    \r
-    p, td, label, input, select {\r
-        font-size: 11px;\r
-        line-height:13px;\r
-    }\r
-    \r
-    select {\r
-        -webkit-appearance: button;\r
-        -moz-appearance: button;\r
-        appearance: button;\r
-        height: auto;\r
-        line-height: 14px;\r
-    }\r
-    \r
-    legend {\r
-        font-size:11px;\r
-        height:30px;\r
-    }\r
-    \r
-    \r
-    .rng-view-tabs-tabBar {\r
-        position:absolute;\r
-        top:-1px;\r
-        right:-50px;\r
-        border-width: 1px 1px 1px 0px;\r
-        border-style: solid;\r
-        border-color: #ddd;\r
-        padding: 5px;\r
-        background: #ededed;\r
-    }\r
-    \r
-    label + select {\r
-        position:relative;\r
-        top: 5px;\r
-    }\r
-\r
-}\r
-\r
-.rng-module-rng2-statusBar {\r
-    margin: 10px 5px;\r
-    font-size:0.9em;\r
+.rng-module-rng2-left {
+    /*float: left;
+    width: 600px;*/
+}
+
+.rng-module-rng2-right {
+    /*float: right;
+    position: relative;
+    width: 258px;
+    margin-left: 50px;*/
+
+    border-width: 1px 1px 1px 1px;
+    border-style: solid;
+    border-color: #ddd;
+    padding: 5px 15px;
+    
+    p, td, label, input, select {
+        font-size: 11px;
+        line-height:13px;
+    }
+    
+    select {
+        -webkit-appearance: button;
+        -moz-appearance: button;
+        appearance: button;
+        height: auto;
+        line-height: 14px;
+    }
+    
+    legend {
+        font-size:11px;
+        height:30px;
+    }
+    
+    
+    .rng-view-tabs-tabBar {
+        position:absolute;
+        top:-1px;
+        right:-50px;
+        border-width: 1px 1px 1px 0px;
+        border-style: solid;
+        border-color: #ddd;
+        padding: 5px;
+        background: #ededed;
+    }
+    
+    label + select {
+        position:relative;
+        top: 5px;
+    }
+
+}
+
+.rng-module-rng2-statusBar {
+    margin: 10px 5px;
+    font-size:0.9em;
+}
+
+.fnp-module-rng-editingLayout {
+
+    [fnpjs-place="statusBar"] {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 30px;
+        
+    }
+    
+    [fnpjs-place="leftColumn"], [fnpjs-place="rightColumn"] {
+        position: absolute;
+        top: 30px; //
+        bottom: 50px; //
+    }
+    
+    [fnpjs-place="leftColumn"] {
+        left:0;
+        right: 320px;
+    }
+    
+    [fnpjs-place="rightColumn"] {
+        right: 0px;
+        width: 250px;
+        
+    }
+
+
 }
\ No newline at end of file