allow string based values for comboboxarray

[roojs1] / css / combo.css

diff --git a/css/combo.css b/css/combo.css
index 22a16f0..932c8bc 100644 (file)
--- a/css/combo.css
+++ b/css/combo.css
@@ -63,22 +63,24 @@
 {
     height:18px;  
 }
+/* chrome does not appear to need this..
 .roo-safari .x-form-arrow-trigger,
 .roo-safari .x-form-date-trigger
 {
-    position: relative; 
+    position: absolute; 
     left: 0px; 
     top: 6px;
     height: 18px;
 }
 
+*/
+
+/* ------------------ Roo.form.Combobox ---------------------*/
 
-/* Roo.form.Combobox */
 
 
 .x-form .x-form-combo-add,
 .x-form .x-form-combo-edit
-
 {
     background:transparent url(../images/default/dd/drop-add.gif) no-repeat scroll 0 0;
     border-style:none none solid;
@@ -94,3 +96,64 @@
 {
     background:transparent url(../images/default/tree/leaf.gif) no-repeat scroll 0 0;
 } 
+/** combo items **/
+.x-combo-list-inner .x-btn
+{
+    text-align: left;
+    font: 12px arial,tahoma,verdana,helvetica;
+}
+
+
+/** ------ Roo.formComboBoxArray ---- */
+.x-cbarray-item {
+    display: inline-block; 
+    background: #e0ecff none no-repeat scroll 0 0;
+    float: left;
+    height: 18px;
+    -moz-border-radius: 2px;
+    margin: 2px;
+    float: left
+    
+    font-family:arial,tahoma,helvetica,sans-serif;
+    font-size:11px;
+    font-size-adjust:none;
+    font-style:normal;
+    font-variant:normal;
+    font-weight:normal;
+    
+}
+.x-cbarray-item div
+{
+    display: inline-block;
+    float: left;
+    margin: 2px;
+    margin-left: 5px;
+}
+.x-cbarray-item img
+{
+   margin-left: 5px;
+   background:transparent url(../images/default/dd/drop-sub.gif) no-repeat scroll 0 0;
+   cursor: pointer;
+}
+.x-cbarray-cb 
+{
+    float:left;
+}
+
+.x-cbarray-grp
+{
+    padding: 2px;
+    border: 1px solid #e0ecff;
+    display: inline-block;
+}
+.x-cbarray-grp input.x-form-text,
+.x-cbarray-grp img.x-form-trigger
+{
+    float: left;
+}
+/* needed for nested combo */
+.x-combo-list-item.x-combo-list-item-has-children:after {
+    content: '>';
+    float: right;
+    margin-right: 2px;
+}