diff options
| author | Thomas Bruederli <thomas@roundcube.net> | 2014-08-18 18:03:54 +0200 |
|---|---|---|
| committer | Thomas Bruederli <thomas@roundcube.net> | 2014-08-18 18:03:54 +0200 |
| commit | e833e8601f25756fdbdf8b06732f2a3d2fba53ae (patch) | |
| tree | d62e4066b687b32909092f6b29163db47de42fbe | |
| parent | 028734b25cfa2ee30a129710db0440617f9f3095 (diff) | |
Show icons (person, group) in autocomplete popup
| -rw-r--r-- | program/js/app.js | 2 | ||||
| -rw-r--r-- | skins/larry/images/listicons.png | bin | 13514 -> 29198 bytes | |||
| -rw-r--r-- | skins/larry/styles.css | 21 |
3 files changed, 20 insertions, 3 deletions
diff --git a/program/js/app.js b/program/js/app.js index 845a48000..20ad93a1a 100644 --- a/program/js/app.js +++ b/program/js/app.js @@ -4583,7 +4583,7 @@ function rcube_webmail() 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); }) diff --git a/skins/larry/images/listicons.png b/skins/larry/images/listicons.png Binary files differindex 77a263aef..6a5edfdb1 100644 --- a/skins/larry/images/listicons.png +++ b/skins/larry/images/listicons.png diff --git a/skins/larry/styles.css b/skins/larry/styles.css index b2b4f9a05..be0d15b84 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -2381,7 +2381,8 @@ ul.toolbarmenu li a.icon { 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 @@ ul.toolbarmenu li span.copy { 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 { |
