546826 - Show name-based search suggestions

Status: RESOLVED FIXED

(addons.mozilla.org Graveyard :: Search, defect, P4)

Description

[Justin Scott [:fligtar]]

Please implement the search suggestions HTML, CSS, and JS as shown in this mock: http://people.mozilla.com/~fligtar/zamboni/designs/2010-02-15/Search-Suggest-100215.png

Comment 1

[Craig Cook (:craigcook)]

Attachment: Search Suggestion, markup/css/images

Attached zip contains some example HTML for the dropdown along with one required image (for the icons) and the relevant CSS in its own style sheet. The CSS rules should be merged into zamboni.css; they're included here separately just to simplify delivery.

The HTML file also has some very rudimentary javascript that's only intended as a starting point. The JS needs to set the top position and width of the dropdown, since those values will vary depending on window width and font size etc. The menu should be inserted after the search input field, and in fact JS should create the div and list in the document anyway. You can see a rough static demo at http://mozilla.focalcurve.com/zamboni/searchresults.php and click on the search field to trigger the dropdown. It's a purely visual demo so it doesn't actually do anything but show and hide the menu.

The design comp only has icons for Extensions, Collections, and Categories. Are there any other types of suggestions we'll need? Themes/Personas maybe?

Comment 2

[Wil Clouser [:clouserw]]

Thanks Craig.  -> davedash for implementation.  Note this is a low priority for now

Comment 4

[Justin Scott [:fligtar]]

Note that the current mocks/implementation for these is at: http://fligtar.github.com/amo-redux/

(start typing "video" into the search box)

See bug 668339 for other deets.

Comment 5

[Christopher Van Wiemeersch [:cvan]]

https://github.com/jbalogh/zamboni/commit/f647f49

behind waffle switch: 'search-suggestions'