Fixed: New select boxes did not show country flags Fixed: New select boxes ...

mcramer

2012-10-19 19283b10d3e4c56662979e85695e018db1638797

Fixed: New select boxes did not show country flags
Fixed: New select boxes where nearly invisible on hidden form sections after unfolding

 interface/web/js/jquery.tipsy.js

@@ -249,18 +249,18 @@
            var elheight = this.element.height();
            var input,
                self = this,
                select = this.element.hide(),
                select = this.element,
                selected = select.children( ":selected" ),
                value = selected.val() ? selected.text() : "",
                wrapper = this.wrapper = $( "<span>" )
                    .addClass( "ui-combobox" )
                    .insertAfter( select );

            input = $( "<input>" )
                .appendTo( wrapper )
            input = $( "<input>" ).css( { "width": (select.is(':visible') ? (elwidth > 15 ? elwidth - 15 : 1) : 350), "height": (elheight > 0 ? elheight : 16) });
            select.hide();
            input.appendTo( wrapper )
                .val( value )
                .addClass( "ui-state-default ui-combobox-input" )
                .css( { "width": (elwidth > 15 ? elwidth - 15 : 1), "height": elheight })
                .autocomplete({
                    delay: 0,
                    minLength: 0,
@@ -278,6 +278,7 @@
                                            ")(?![^<>]*>)(?![^&;]+;)", "gi"
                                        ), "<strong>$1</strong>" )),
                                    value: text,
                                    class: (select.hasClass('flags') ? 'country-' + $(this).val() : $(this).attr('class')),
                                    option: this
                                };
                        }) );
@@ -338,12 +339,15 @@
                    }
                })
                .addClass( "ui-widget ui-widget-content ui-corner-left" );
            if(select.hasClass('flags')) input.addClass('flags');

            input.data( "autocomplete" )._renderItem = function( ul, item ) {
                return $( "<li></li>" )
                var el = $( "<li></li>" )
                    .data( "item.autocomplete", item )
                    .append( "<a>" + item.label + "</a>" )
                    .appendTo( ul );
                if(item.class) el.addClass(item.class);
                return el;
            };
            select.change(function(e) {
                var matcher = new RegExp( "" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "", "i" ),
@@ -374,7 +378,7 @@
                })
                .removeClass( "ui-corner-all" )
                .addClass( "ui-corner-right ui-combobox-toggle" )
                .css( { "width": 15, "height": elheight })
                .css( { "width": 15, "height": (elheight > 0 ? elheight : 16) })
                .click(function() {
                    // close if already visible
                    if ( input.autocomplete( "widget" ).is( ":visible" ) ) {

 interface/web/themes/default/css/styles.css

@@ -837,6 +837,12 @@
    height: 20px;
    width: 26px;
}
li[class^=country-] {
    background-image: url("../icons/flags_sprite.png");
    background-repeat: no-repeat;
    text-indent: 24px;
}
li[class^=country-] a.ui-state-hover { background: transparent; }
div[class^=country-] span {
    display: none;
}