[MGNLSTK-852] Latest News Teaser is not correctly displayed on the home page Created: 14/Dec/11  Updated: 18/Jul/12  Resolved: 16/Jul/12

Status: Closed
Project: Magnolia Standard Templating Kit (closed)
Component/s: demoproject
Affects Version/s: None
Fix Version/s: 2.0.4

Type: Bug Priority: Major
Reporter: Samuel Schmitt Assignee: Milan Divilek
Resolution: Fixed Votes: 0
Labels: css
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screen Shot 2011-12-09 at 3.36.24 PM.png     PNG File Screen shot 2011-12-15 at 9.56.17 AM.png     HTML File welcome-col-float-3.html    
Issue Links:
relation
is related to MGNLSTK-965 STK must be in sync with static proto... Closed
Template:
Acceptance criteria:
Empty
Date of First Response:

 Description   

Add a latest news event on the home, you will remark that the titles are cut and also the image is stretched.
See screenshot.

1. The problem is linked to the layout class "col-float3", in a "col-float2" layout the latest news is displayed correctly.
Something has to be fixed in the CSS.
Find attached a "col-float3" layout page from the HTML prototype that contains a latest news teaser.

2.For the image, the problem comes from the image variation. This element uses the variation "teaser-list" that displays an image size of 138 x 86 pixels. But the CSS class defines a image width of 298px.

.col-float3 .teaser img {
    display: block;
    float: none;
    width: 298px;
}

Either we could change the CSS in order to display a smaller image or add a new variation.



 Comments   
Comment by Samuel Schmitt [ 15/Dec/11 ]

Information sent to Aperto. They must fix something in the CSS.

Comment by Eric Hechinger [ 16/Feb/12 ]

Retested with 4.5 Beta6. (16/02/2012) .. Nothing changed.

Comment by Timo Wirth [ 19/Jun/12 ]

done via css only

Generated at Mon Feb 12 07:31:02 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.