diff options
| -rw-r--r-- | core/css/multiselect.css | 12 | ||||
| -rw-r--r-- | core/js/multiselect.js | 4 |
2 files changed, 12 insertions, 4 deletions
diff --git a/core/css/multiselect.css b/core/css/multiselect.css index 23aec23437f..afdf27681a1 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -89,9 +89,17 @@ div.multiselect>span:last-child { } ul.multiselectoptions input.new { - border-top-left-radius: 0; - border-top-right-radius: 0; padding-bottom: .2em; padding-top: .2em; margin: 0; } + +ul.multiselectoptions > li.creator { + padding: 10px; + font-weight: bold; +} +ul.multiselectoptions > li.creator > input { + width: 95% !important; /* do not constrain size of text input */ + padding: 5px; + margin: -5px; +} diff --git a/core/js/multiselect.js b/core/js/multiselect.js index 463c397d8cd..48d521e1856 100644 --- a/core/js/multiselect.js +++ b/core/js/multiselect.js @@ -176,10 +176,10 @@ }); button.parent().data('preventHide',false); if(settings.createText){ - var li=$('<li class="creator">+ <em>'+settings.createText+'<em></li>'); + var li=$('<li class="creator">+ '+settings.createText+'</li>'); li.click(function(event){ li.empty(); - var input=$('<input class="new">'); + var input=$('<input type="text" class="new">'); li.append(input); input.focus(); input.css('width',button.innerWidth()); |