js/lists/propertylist/propertylist.js in rsence-2.2.0 vs js/lists/propertylist/propertylist.js in rsence-2.2.1

@@ -67,11 +67,11 @@
   },
   
   drawSubviews: function(){
     
     var borderAndBg = ELEM.make(this.elemId);
-    ELEM.setCSS(borderAndBg,'position:absolute;left:0;top:0;right:0;bottom:0;background-color:#e6e6e6;border:1px solid #999;');
+    ELEM.setCSS(borderAndBg,'position:absolute;left:0;top:0;right:0;bottom:0;background-color:#e6e6e6;border:1px solid #999999;');
     
     this.markupElemIds = {
       bg: borderAndBg
     };
     
@@ -129,20 +129,24 @@
     
     // Create the key column
     this.keyColumn = HView.nu(
       [ 0, 0, this.keyColumnRight(), 24 ],
       this.contentView, {
-        style: [ [ 'border-right', '1px solid #999' ] ]
+        style: {
+          borderRight: '1px solid #999'
+        }
       }
     );
     
     // Create the type column
     if(!this.options.hideTypeColumn){
       this.typeColumn = HView.nu(
         [ this.typeColumnLeft(), 0, 60, 24 ],
         this.contentView, {
-          style: [ [ 'border-right', '1px solid #999' ] ]
+          style: {
+            borderRight: '1px solid #999'
+          }
         }
       );
     }
     
     // Create the value column
@@ -158,52 +162,52 @@
         keyColumnWidth = this.parent.options.keyColumnWidth;
         this.keyLabel = HView.nu(
           [ 0, 0, this.parent.keyColumnRight(), 24 ],
           this, {
             html: '<b>Key</b>',
-            style: [
-              [ 'text-align', 'middle' ],
-              [ 'text-indent', '16px' ],
-              [ 'line-height', '24px' ],
-              [ 'font-size', '13px' ],
-              [ 'border-right', '3px double #999' ]
-            ]
+            style: {
+              verticalAlign: 'middle',
+              textIndent: '16px',
+              lineHeight: '24px',
+              fontSize: '13px',
+              borderRight: '3px double #999999'
+            }
           }
         );
         if(!this.parent.options.hideTypeColumn){
           this.typeLabel = HView.nu(
             [ this.parent.typeColumnLeft(), 0, 60, 24 ],
             this, {
               html: '<b>Type</b>',
-              style: [
-                [ 'text-align', 'middle' ],
-                [ 'text-indent', '8px' ],
-                [ 'line-height', '24px' ],
-                [ 'font-size', '13px' ],
-                [ 'padding-right', '1px' ],
-                [ 'border-right', '1px solid #999' ]
-              ]
+              style: {
+                verticalAlign: 'middle',
+                textIndent: '8px',
+                lineHeight: '24px',
+                fontSize: '13px',
+                paddingRight: '1px',
+                borderRight: '1px solid #999999'
+              }
             }
           );
         }
         this.valueLabel = HView.nu(
           [ this.parent.valueColumnLeft(), 0, 80, 24, 0, null ],
           this, {
             html: '<b>Value</b>',
-            style: [
-              [ 'text-align', 'middle' ],
-              [ 'text-indent', '8px' ],
-              [ 'line-height', '24px' ],
-              [ 'font-size', '13px' ]
-            ]
+            style: {
+              verticalAlign: 'middle',
+              textIndent: '8px',
+              lineHeight: '24px',
+              fontSize: '13px'
+            }
           }
         );
       }
     }).nu(
       [ 0, 0, null, 24, 0, null ],
       this, {
-        style: [ [ 'border-bottom', '1px solid #999' ] ]
+        style: { borderBottom: '1px solid #999' }
       }
     );
     
     // Create the resize control (invisible, just above the first column separator)
     this.resizeColumns = HControl.extend({
@@ -229,12 +233,12 @@
         
         var
         keyColumn = parent.keyColumn,
         keyLabel  = parent.header.keyLabel,
         keyRight  = parent.keyColumnRight();
-        keyColumn.rect.setRight( keyRight ); 
-        keyLabel.rect.setRight(  keyRight ); 
+        keyColumn.rect.setRight( keyRight );
+        keyLabel.rect.setRight(  keyRight );
         
         var
         valueColumn = parent.valueColumn,
         valueLabel  = parent.header.valueLabel,
         valueLeft   = parent.valueColumnLeft();
@@ -273,13 +277,11 @@
       }
     }).nu(
       [ this.keyColumnRight(), 0, 5, 25 ],
       this, {
         events: { draggable: true },
-        style: [
-          [ 'cursor', 'ew-resize' ]
-        ]
+        style: { cursor: 'ew-resize' }
       }
     );
     
   },
   
@@ -450,10 +452,10 @@
     }
     ELEM.setHTML( elemId, value );
   },
   
   // Row separator style
-  rowSeparatorStyle: "position:absolute;left:1px;right:1px;font-size:0px;height:1px;overflow:hidden;border-bottom:1px solid #999;",
+  rowSeparatorStyle: "position:absolute;left:1px;right:1px;font-size:0px;height:1px;overflow:hidden;border-bottom:1px solid #999999;",
   
   // Adds row separator
   addRowSeparator: function( token, i, even ){
     if( i >= this.propertyItems.length ){
       var elemId = ELEM.make( this.separatortParentElemId );