Show icons (person, group) in autocomplete popup

Thomas Bruederli

2014-08-18 e833e8601f25756fdbdf8b06732f2a3d2fba53ae

Show icons (person, group) in autocomplete popup

 program/js/app.js

@@ -4583,7 +4583,7 @@
        id = i + this.env.contacts.length;
        $('<li>').attr('id', 'rcmkSearchItem' + id)
          .attr('role', 'option')
          .html(this.quote_html(text.replace(new RegExp('('+RegExp.escape(value)+')', 'ig'), '##$1%%')).replace(/##([^%]+)%%/g, '<b>$1</b>'))
          .html('<i class="icon"></i>' + this.quote_html(text.replace(new RegExp('('+RegExp.escape(value)+')', 'ig'), '##$1%%')).replace(/##([^%]+)%%/g, '<b>$1</b>'))
          .addClass(type || '')
          .appendTo(ul)
          .mouseover(function() { ref.ksearch_select(this); })

 skins/larry/images/listicons.png

 skins/larry/styles.css

@@ -2381,7 +2381,8 @@
    padding: 2px 6px;
}

ul.toolbarmenu li span.icon {
ul.toolbarmenu li span.icon,
#rcmKSearchpane ul li i.icon {
    display: block;
    min-height: 14px;
    padding: 4px 4px 1px 24px;
@@ -2478,9 +2479,25 @@
    text-shadow: 0px 1px 1px #333;
    text-decoration: none;
    min-height: 14px;
    padding: 6px 10px 6px 10px;
    padding: 6px 10px 6px 28px;
    border: 0;
    cursor: default;
    position: relative;
}

#rcmKSearchpane ul li i.icon {
    opacity: 0.99;
    position: absolute;
    top: 3px;
    left: 5px;
    width: 18px;
    height: 18px;
    padding: 0;
    background-position: -1px -2223px;
}

#rcmKSearchpane ul li.group i.icon {
    background-position: -1px -2247px;
}

.popupdialog {