use simple markup to highlight groups in share autocomplete

diff --git a/core/css/share.css b/core/css/share.css
index c97f27c28164eeb89518b6b7c046fe98fe90a68b..2d6849b4bb1361b1978906716ce0974fd7d1c643 100644 (file)
--- a/core/css/share.css
+++ b/core/css/share.css
@@ -97,7 +97,3 @@
        overflow-y:auto;
        overflow-x:hidden;
 }
-
-.ui-menu-item a.ocGroup {
-       font-weight: bold;
-}

diff --git a/core/js/share.js b/core/js/share.js
index ca9c8f04eaed8fb65db2b6d9eac0d5cec8a0893c..73eb686abb06e8136014138f15e676e487b64805 100644 (file)
--- a/core/js/share.js
+++ b/core/js/share.js
@@ -238,15 +238,13 @@ OC.Share={
                        })
                        // customize internal _renderItem function to display groups and users differently
                        .data("ui-autocomplete")._renderItem = function( ul, item ) {
-                               var insert = '';
+                               var insert = $( "<a>" ).text( item.label );
                                if(item.label.length > 8 && item.label.substr(item.label.length-8) === ' (group)') {
-                                       // current label is group
-                                       insert = ' class="ocGroup"'; // attribute to insert
-                                       // remove "(group)"
-                                       item.label = item.label.substring(0, item.label.length-8)
+                                       // current label is group - wrap "strong" element
+                                       insert = insert.wrapInner('<strong>');
                                }
                                return $( "<li>" )
-                                       .append( $( "<a" + insert + ">" ).text( item.label ) )
+                                       .append( insert )
                                        .appendTo( ul );
                        };
                } else {