Charm search results upated styling

Charm search results upated styling

After the last changes Matt made some styling suggestions.  His
requirements are in the 'store_front_review.pdf' on the Google drive.

One requirement was that the charm sections be a fixed height of 70px
regardless of how long the charm summary is.  This required we find a
solution for truncating the text cleanly.  The YUI gallery has
'gallery-ellipsis', which I've chosen to use.  In order for it to
work, the width of the element must be used, instead of using
padding-right to cause wrapping.  Once that was done, and the width of
the float:right Deploy button was taken into account it all worked
well.

Matt asked for the filter drop down box but since it is not well
spec'ed yet and not Ready To Code I decided to defer adding it at this
time.

https://code.launchpad.net/~bac/juju-gui/charm-search-style-2/+merge/134355

(do not edit description out of merge proposal)

[bac, 2012-11-14 18:29:03]

Please take a look.

[matthew.scott, 2012-11-14 20:06:41]

Nice and simple, works well, tests out.

Looks good to me, thanks for the branch!

[teknico, 2012-11-15 12:08:18]

Looks good to me.

Right now only the charm description is shortened, and it is appropriate to
leave in just the beginning of it.

If in the future we'll want to also abbreviate other, smaller elements like the
charm name, it would be nice if we could leave in both head and tail of each
element and take out a chunk in the middle. I don't know whether
gallery-ellipsis can do that.

[bac, 2012-11-15 12:10:35]

On 2012/11/15 12:08:18, teknico wrote:
> Looks good to me.
> 
> Right now only the charm description is shortened, and it is appropriate to
> leave in just the beginning of it.
> 
> If in the future we'll want to also abbreviate other, smaller elements like
the
> charm name, it would be nice if we could leave in both head and tail of each
> element and take out a chunk in the middle. I don't know whether
> gallery-ellipsis can do that.

That's a good point to consider for the future Nicola.  No, the ellipsis package
now only shortens at the end.  Figuring out how to break and place in relevant
information at the end might be interesting.

[bac, 2012-11-15 12:20:30]

*** Submitted:

Charm search results upated styling

After the last changes Matt made some styling suggestions.  His
requirements are in the 'store_front_review.pdf' on the Google drive.

One requirement was that the charm sections be a fixed height of 70px
regardless of how long the charm summary is.  This required we find a
solution for truncating the text cleanly.  The YUI gallery has
'gallery-ellipsis', which I've chosen to use.  In order for it to
work, the width of the element must be used, instead of using
padding-right to cause wrapping.  Once that was done, and the width of
the float:right Deploy button was taken into account it all worked
well.

Matt asked for the filter drop down box but since it is not well
spec'ed yet and not Ready To Code I decided to defer adding it at this
time.

R=matthew.scott, teknico
CC=
https://codereview.appspot.com/6846053