687508 - Make social search results pretty

Status: RESOLVED FIXED

(Pancake Graveyard :: Front-end, enhancement)

Description

[Stefan Arentz | :st3fan | ⏰ EST | he/him]

The staging server has a simple implementation of the Twitter search engine. This needs a better style. Currently we just show username, message and date. But we also have the user's icon and maybe some extra meta data.

Check http://play.fxhome.mozillalabs.com for a demo.

Comment 1

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

Also could use a search word being bolded inside the search results.

Comment 2

[Ian Barlow (:ibarlow)]

Morphing the bug title to reference social search results in general. We can start with the twitter results, but the basic styling should be able to apply to any source. 

Mockups and PSDs to follow.

Comment 3

[Ian Barlow (:ibarlow)]

Attachment: Mockup of social search

Comment 4

[Ian Barlow (:ibarlow)]

Attachment: PSD for pancake social search

Comment 5

[Gordon Brander :gordonb]

Track progress here: https://bitbucket.org/mozillapancake/pancake/changesets/tip/branch(%22twitter-post%22)

Comment 6

[Gordon Brander :gordonb]

Track progress in this updated branch: https://bitbucket.org/mozillapancake/pancake/changesets/tip/branch(%22social-no-title%22).

We no longer return a title for items that don't have one. This allows us to contextually render the template based on the data at hand.

Comment 7

[Gordon Brander :gordonb]

https://bitbucket.org/mozillapancake/pancake/changeset/25056f6514d6

Added CSS styles for the username. Due to the typography changes from #758781, I've gone with

* Slightly darker text, due to feedback that contrast is too low in original comps (#777 vs #999)
* A content area that is normal weight and smaller than the comp, matching the size scale of the updated typography.

Comment 8

[Gordon Brander :gordonb]

As of https://bitbucket.org/mozillapancake/pancake/changeset/85743dbb747a, we now have usernames, truncated titles and custom view templates for Twitter posts.

Comment 9

[Gordon Brander :gordonb]

Fixed by https://bitbucket.org/mozillapancake/pancake/changeset/0abf9bea173d.