599925 - Increase spacing between tweet text and timestamp

Status: VERIFIED FIXED

(support.mozilla.org :: Army of Awesome, task)

Description

[William Reynolds [:williamr]]

Attachment: screenshot

For some tweets, the text is appearing too close to the timetamp, so we should visually separate the text from the timestamp more. Can we make sure the text is always separated from the timestamp by at least 40 pixels?

I think we can do this and still keep even the longest tweets to a max of two lines.

Design reference: http://people.mozilla.com/~williamr/communitycare/1-landingpage.jpg

Comment 1

[Alex Buchanan [:abuchanan]]

Tweet text should be on a separate line now.

Comment 2

[Stephen Donner [:stephend] Not actively reading bugmail]

Attachment: Post-fix screenshot

Comment 3

[Stephen Donner [:stephend] Not actively reading bugmail]

Verified FIXED on http://master.support.mozilla.com/en-US/army-of-awesome.

Comment 4

[William Reynolds [:williamr]]

Sorry to reopen this - I should have been more clear in the description. Putting the tweet text on a separate line helps a lot, but we can do one more simple thing to improve the readability of this section.

The second line for tweet messages should wrap sooner so it never goes underneath the timestamp. This is in the design and it better separates the message from timestamp.

This can be done by setting the width of the tweet text to 550px like below:

#tweets li .text {
color:#69645B;
font-size:14px;
font-weight:normal;
width:550px; /* add this line */
}

in customercare.css (line 116)

Comment 5

[Alex Buchanan [:abuchanan]]

ya, you're right that does look a lot better,

[custcare d64e338] bug 599925, css, hard width for tweet text
 1 files changed, 1 insertions(+), 0 deletions(-)

on my dev site.  will close this when i push to master

Comment 6

[Alex Buchanan [:abuchanan]]

http://github.com/jsocol/kitsune/commit/dbe13b7e2ff867ec63b5e61ec41cf9bb529a2b10

Comment 7

[Stephen Donner [:stephend] Not actively reading bugmail]

Verified FIXED on https://master.support.mozilla.com/en-US/army-of-awesome.

Comment 8

[Stephen Donner [:stephend] Not actively reading bugmail]

Attachment: Post post-fix screenshot