[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