[PATCH] BZ 783075 added description block to div,info

Jirka Tomasek jtomasek at redhat.com
Mon Feb 6 13:13:41 UTC 2012


On 02/03/2012 06:57 PM, Tzu-Mainn Chen wrote:
> ---
>   src/app/stylesheets/layout.scss |    1 +
>   1 files changed, 1 insertions(+), 0 deletions(-)
>
> diff --git a/src/app/stylesheets/layout.scss b/src/app/stylesheets/layout.scss
> index 9a15017..14feb05 100644
> --- a/src/app/stylesheets/layout.scss
> +++ b/src/app/stylesheets/layout.scss
> @@ -2801,6 +2801,7 @@ ul.catalog_pretty {
>           padding: 10px 10px 10px 42px;
>           background: transparent url('../../images/deployment_large_icon_provider.png') no-repeat 10px center;
>           h2{ font-size: 16px; }
> +        p{ display: block; max-width: 300px; max-height: 30px; overflow: hidden; overflow: ellipse; }
>           display: table-cell;
>           vertical-align: middle;
>         }
I think nice solution should be to display the first line of the 
description in closed state and to display whole description in the div 
which shows up after clicking details link. (put it in <p/> before the 
table). To limit first line of the description use:

.description{
   width: 300px; //or maybe a bit more, max-width isn't necessary and 
width is supported by all browsers
   white-space: nowrap; //make it only one line
   overflow: hidden;
   text-overflow: ellipsis;
}

Jirka



More information about the aeolus-devel mailing list