X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Fcombo.css;h=932c8bc47a2b0eb72e2c64230c85cb6c92af0dc3;hb=61bc45258e16a779856dd2ad0862630b489e4583;hp=22a16f078365fbb9e78adcd6d5b946d08ce845e1;hpb=7da1c5d766a31d35236aba2bfed33504bc6ea3e8;p=roojs1 diff --git a/css/combo.css b/css/combo.css index 22a16f0783..932c8bc47a 100644 --- 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; +}