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

Tzu-Mainn Chen tzumainn at redhat.com
Mon Feb 6 14:48:05 UTC 2012


Thanks - new patch incoming.

Mainn

----- Original Message -----
From: "Jirka Tomasek" <jtomasek at redhat.com>
To: aeolus-devel at lists.fedorahosted.org
Sent: Monday, February 6, 2012 9:28:11 AM
Subject: Re: [PATCH] BZ 783075 added description block to div,info

On 02/06/2012 02:13 PM, Jirka Tomasek wrote:
> 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
I have looked a bit more into it and it should be like this:

ul.catalog_pretty{
   ...
   div.summary{
     ...
     div.info{
       ...
       p{
         width: 600px;
         white-space: nowrap; //make it only one line
         overflow: hidden;
         text-overflow: ellipsis;

...

   div.details.collapsible{
     ...
     p{ padding: 0px 152px 10px 32px; }
     ...


+ in app/views/deployments/launch_from_catalog.html.haml add p with description into details div (before the table)



Jirka







More information about the aeolus-devel mailing list