Export to GitHub

iphone-universal - issue #24

[Aesthetics] Chat bubble always same width


Posted on Jul 5, 2012 by Happy Lion

On the chat page, even if only one character is in the bubble, it is the same width. I might come up with a solution later on, but if I can't at least this issue is here. I'm not sure if you find this important at all, but to me it is because my interface needs to be very accurate.

Comment #1

Posted on Jul 6, 2012 by Happy Lion

Fixed it. If you remove the width:80% from line ~927, it becomes fluid and contracts if there is less than a full line of text, and the text aligns right automatically as well (for me at least).

Comment #2

Posted on Jul 6, 2012 by Happy Lion

Oops: I realize this breaks the ~12% padding on the opposite side of the bubble. Working on it.

Comment #3

Posted on Jul 6, 2012 by Happy Lion

Fixed: Add 12% padding to the left of "body#chat div.right" and to the right of "body#chat div.left".

And I think it's all perfect now.

Status: New

Labels:
Type-Defect Priority-Medium