.x-form-arrow-trigger
{
/* border: 1px solid black; */
- width:18px;
- height:20px;
+ width:17px;
+ height:19px;
background:url(../images/default/combo/arrow.gif); /* arrow image, 15x15px */
background-repeat:no-repeat;
background-position:center; /* centers image in div, creating 1px white border effect */
{
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;
{
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;
+}