X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Fcombo.css;h=932c8bc47a2b0eb72e2c64230c85cb6c92af0dc3;hb=61bc45258e16a779856dd2ad0862630b489e4583;hp=6f300abe14fe7dcce7264f413259e54cb83d4604;hpb=05fa9c4487b5de4d6f42acc8589aa95ec5e6ef1e;p=roojs1 diff --git a/css/combo.css b/css/combo.css index 6f300abe14..932c8bc47a 100644 --- a/css/combo.css +++ b/css/combo.css @@ -46,9 +46,9 @@ .x-form-date-trigger, .x-form-arrow-trigger { - border: 1px solid black; - width:18px; - height:20px; + /* border: 1px solid black; */ + 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 */ @@ -63,16 +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; } -.x-form .x-form-combo-add +*/ + +/* ------------------ 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; @@ -84,6 +92,68 @@ margin-left: 20px; } +.x-form .x-form-combo-edit +{ + 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; +}