Bug 167519

Summary: Patch Review: EWS Bubbles wrap to multiple lines but can fit on one line
Product: WebKit Reporter: Joseph Pecoraro <joepeck>
Component: Tools / TestsAssignee: Joseph Pecoraro <joepeck>
Status: RESOLVED FIXED    
Severity: Normal CC: ap, ddkilzer, joepeck, lforschler, rniwa, simon.fraser
Priority: P2    
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
[PATCH] Proposed Fix rniwa: review+

Description Joseph Pecoraro 2017-01-27 11:25:44 PST
Patch Review: EWS Bubbles wrap to multiple lines but can fit on one line

This is ugly and annoying!
Comment 1 Joseph Pecoraro 2017-01-27 11:40:36 PST
Created attachment 299947 [details]
[PATCH] Proposed Fix
Comment 2 Joseph Pecoraro 2017-01-27 11:44:27 PST
Comment on attachment 299947 [details]
[PATCH] Proposed Fix

View in context: https://bugs.webkit.org/attachment.cgi?id=299947&action=review

> Tools/QueueStatusServer/templates/statusbubble.html:57
> +    var parentContainer = bubbleContainer.parentElement;

Please note that I had no way of testing this code with any fake bugzilla instance. I just paused here in inspector and did these operations to ensure they worked for me. If someone has a way to test this for real, please let me know!
Comment 3 Alexey Proskuryakov 2017-01-27 13:57:01 PST
This is surprising, why do they wrap for you, but not for me? Pretty sure I fixed something like this in the past. 

Could you add a screenshot?

Longer term, we'll be adding more bubbles, so they will no longer fit in a reasonably sized window.
Comment 4 Alexey Proskuryakov 2017-01-27 18:51:17 PST
Comment on attachment 299947 [details]
[PATCH] Proposed Fix

Now that I'm back at a Mac, I see that it actually wraps for me too. But is there enough space to let it grow horizontally indeed? The layout gets really weird if I make the frame 1000px wide on my 13" MacBook Pro. Even the current 450px looks bad on an iPhone.

I agree that the review bar needs it layout to be improved.
Comment 5 Ryosuke Niwa 2017-01-27 22:53:41 PST
Comment on attachment 299947 [details]
[PATCH] Proposed Fix

Talked in person.
Comment 6 Ryosuke Niwa 2017-01-27 22:54:34 PST
(In reply to comment #4)
> Comment on attachment 299947 [details]
> [PATCH] Proposed Fix
> 
> Now that I'm back at a Mac, I see that it actually wraps for me too. But is
> there enough space to let it grow horizontally indeed? The layout gets
> really weird if I make the frame 1000px wide on my 13" MacBook Pro. Even the
> current 450px looks bad on an iPhone.

Yeah, I think that's a good long term consideration. For now, increasing the width of the bubbles seems like a good short term solution.
Comment 7 Joseph Pecoraro 2017-01-27 23:57:07 PST
(In reply to comment #4)
> Comment on attachment 299947 [details]
> [PATCH] Proposed Fix
> 
> Now that I'm back at a Mac, I see that it actually wraps for me too. But is
> there enough space to let it grow horizontally indeed? The layout gets
> really weird if I make the frame 1000px wide on my 13" MacBook Pro. Even the
> current 450px looks bad on an iPhone.

The 1000px should only be for measuring. It then gets immediately set back to what it was before.
Comment 8 Joseph Pecoraro 2017-01-28 01:28:17 PST
<https://trac.webkit.org/changeset/211331>