diff --git a/app/assets/javascripts/widgets/search.js b/app/assets/javascripts/widgets/search.js
index c114a8818..42d4fe218 100644
--- a/app/assets/javascripts/widgets/search.js
+++ b/app/assets/javascripts/widgets/search.js
@@ -10,6 +10,7 @@
searchFormAction: searchForm.attr("action"),
searchInput: searchForm.find("input[type='search']"),
searchInputName: searchForm.find("input[type='search']").attr("name"),
+ searchInputHandle: searchForm.find("input[type='search']").attr("handle"),
options: {
cacheLength : 15,
delay : 800,
@@ -34,9 +35,9 @@
return Diaspora.I18n.t("search_for", row);
} else {
if (row.avatar) {
- return "
" + row.name;
+ return "
" + row.name + "
" + row.handle + "
";
} else {
- return row.name;
+ return row.name + "" + row.handle + "
";
}
}
};
diff --git a/app/assets/stylesheets/autocomplete.css.scss b/app/assets/stylesheets/autocomplete.css.scss
index bed1a77b4..6523cdf98 100644
--- a/app/assets/stylesheets/autocomplete.css.scss
+++ b/app/assets/stylesheets/autocomplete.css.scss
@@ -3,7 +3,7 @@
background-color: transparent;
overflow: hidden;
z-index: 99999;
- min-width: 247px !important;
+ min-width: 300px !important;
width: 100%;
-webkit-border-radius: 3px;
@@ -42,6 +42,8 @@
// in relative units scroll will be broken in firefox
//:line-height 16px
overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
.ac_loading {
@@ -71,4 +73,20 @@
left: 5px;
top: 5px;
}
+
+ .search_handle {
+ font-size: 0.8em;
+ color: #999;
+ margin-top: -3px;
+ }
+
+ .ac_over .search_handle{
+ color: #fff;
+ }
+
+ .ac_over .search_handle, .search_handle {
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
}