Article Detail - Content Styling
|Assignee:||Pea Lutz||% Done:||
|Target version:||0.6 (05-31-2012)|
Update display of Article Detail to be inline with design comp.
- General styling/typography tweaks needed.
Example Story: http://live.occupywallstreet-net.gotpantheon.com/story/people-parties
Design Reference: http://projects.occupy.net/documents/63
#1 Updated by Pea Lutz almost 3 years ago
- Due date changed from 04/11/2012 to 04/23/2012
- Priority changed from Normal to Urgent
#3 Updated by Pea Lutz over 2 years ago
- Due date changed from 04/23/2012 to 05/06/2012
- Status changed from New to In Progress
- Assignee changed from Thiago de Mello Bueno to Pea Lutz
- Priority changed from Urgent to High
I'm working on this. Assigning to self.
#5 Updated by Pea Lutz over 2 years ago
Working on this locally and have committed some CSS updates to dev.
#7 Updated by Pea Lutz over 2 years ago
This is much better but I think the text wrap is still problematic. I'd prefer a full width image if it's horizontal and a half width if it's vertical. I think this begins to open the door to another conversation - which is how we can develop a process of designing the site that is responsive to the content providers as well as the developers. Maybe we could hold one of those meetings after this code is pushed and before the next set of priorities are established?
By wrap, you're referring to the way the text wraps around the image? If so, that isn't so much of a content or development issue as a design consideration. Looking at the comps, it seems that the image size implemented is actually too large. They should extend 5 columns (380px wide) rather than 8 column (540px wide). That can be easily fixed.
#8 Updated by Pea Lutz over 2 years ago
- % Done changed from 70 to 90
Styling updated for Stories and Events.
Byline and image fields wrapped in div to help style.
#9 Updated by Pea Lutz over 2 years ago
- % Done changed from 90 to 100
- deeper gray for byline and image captions - for readability
Text color changed to a darker gray #333333.