[@]modified menu styles; modified myhome share

media/css/seahub.css

@@ -442,6 +442,7 @@ ul.with-bg li {
 /*ui-autocomplete*/
 .ui-autocomplete {
     background:#fff;
+    overflow:auto;
 }
 .ui-menu-item {
     background-image:none;
@@ -1015,17 +1016,6 @@ ul.with-bg li {
     font-size:15px;
 }
 
-/* scroll result for autocomplete  */
-.ui-autocomplete {
-    max-height: 200px;
-    _height: 100px; /* for ie 6 */
-    overflow-y: auto;
-    /* prevent horizontal scrollbar */
-    overflow-x: hidden;
-    /* add padding to account for vertical scrollbar */
-    padding-right: 20px;
-}
-
 #shared-link {
     display: inline-block;
 }

media/js/utils.js

@@ -78,7 +78,7 @@ function addAutocomplete(ele_id, container_id, data) {
 /*
  * func: add autocomplete for `@` to some input ele
  * @param ele_id: autocomplete is added to this ele(ment), e.g-'#xxx'
- * @param ele_css: {'xx':'xxx'}, to be added to ele_cp(a cp of ele)
+ * @param ele_css: {'xx':'xxx'}, to be added to ele_cp(a copy of ele)
  * @param container_id: id of autocomplete's container, often container of element above
  */
 function addAtAutocomplete(ele_id, container_id, data, ele_css) {
@@ -154,6 +154,7 @@ function addAtAutocomplete(ele_id, container_id, data, ele_css) {
                 return false;
             }
         });
+     $(ele_id).autocomplete('widget').css({'max-width':$(ele_id).width()/2, 'max-height':$(document).height() - $(ele_id).offset().top - $(ele_id).height()});
 }
 
 function getCaretPos(inputor) {

templates/snippets/myhome_extra_script.html

@@ -13,6 +13,7 @@ $(function() {
         $("#repo_id").val($(this).attr("data"));
         $("#repo-share-form").modal({appendTo: "#main"});
         addAutocomplete('#email_or_group', '#repo-share-form', share_list);
+        $('.ui-autocomplete').css({'max-height': window.innerHeight - $('.ui-autocomplete-input').offset().top - $('.ui-autocomplete-input').height() - 10});
     });
 
     //check before post