Bug 201258

Summary: results.webkit.org: Move legend into sidebar
Product: WebKit Reporter: Jonathan Bedard <jbedard>
Component: Tools / TestsAssignee: Jonathan Bedard <jbedard>
Status: RESOLVED FIXED    
Severity: Normal CC: aakash_jain, ap, commit-queue, repstein, tsavell, webkit-bug-importer, zhifei_fang
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Patch
none
new-legend
none
old-legend
none
Patch
none
Patch
none
Patch for landing none

Description Jonathan Bedard 2019-08-28 17:28:08 PDT
I received some feedback that the legend should be in the sidebar, rather than above the timelines.
Comment 1 Jonathan Bedard 2019-08-28 17:29:15 PDT
Created attachment 377517 [details]
Patch
Comment 2 Jonathan Bedard 2019-08-28 17:31:25 PDT
Created attachment 377518 [details]
new-legend
Comment 3 Jonathan Bedard 2019-08-28 17:31:43 PDT
Created attachment 377519 [details]
old-legend
Comment 4 Jonathan Bedard 2019-08-28 17:33:18 PDT
I'm curious for other's thoughts on this. I think I slightly prefer the legend in the sidebar, but I could go either way.
Comment 5 Russell Epstein 2019-08-30 14:22:38 PDT
I like the idea, some feedback:

If we are going to display the tray in a collapsed state, I think the legend 'bubbles' should have mouse-over tooltips to explain what they are.

While not specifically related to the scope of the bug you linked, that addition makes me think we should have some way to display current branch, currently applied filters, and the results limit in a non-intrusive way instead of just the first letters of each filter option as well.

I think those changes might help to justify displaying the tray in a collapsed state.
Comment 6 Jonathan Bedard 2019-08-30 14:56:44 PDT
Created attachment 377753 [details]
Patch
Comment 7 Jonathan Bedard 2019-08-30 15:54:56 PDT
Created attachment 377760 [details]
Patch
Comment 8 Zhifei Fang 2019-09-03 13:41:18 PDT
Comment on attachment 377760 [details]
Patch

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

> Tools/resultsdbpy/resultsdbpy/view/static/js/tooltip.js:104
> +            onStateUpdate: (element, state) => {

Could you change state to stateDiff ? I think this may be misleading.

> Tools/resultsdbpy/resultsdbpy/view/static/library/css/webkit.css:925
> +  z-index: 50;

Could you create a value for this z-index ? like middleZIndex, if in future we have more layers, this will help us to maintain.
Comment 9 Zhifei Fang 2019-09-03 13:41:35 PDT
(In reply to Zhifei Fang from comment #8)
> Comment on attachment 377760 [details]
> Patch
> 
> View in context:
> https://bugs.webkit.org/attachment.cgi?id=377760&action=review
> 
> > Tools/resultsdbpy/resultsdbpy/view/static/js/tooltip.js:104
> > +            onStateUpdate: (element, state) => {
> 
> Could you change state to stateDiff ? I think this may be misleading.
> 
> > Tools/resultsdbpy/resultsdbpy/view/static/library/css/webkit.css:925
> > +  z-index: 50;
> 
> Could you create a value for this z-index ? like middleZIndex, if in future
> we have more layers, this will help us to maintain.

unofficially r=me
Comment 10 Aakash Jain 2019-09-03 13:46:14 PDT
rs=me
Comment 11 Jonathan Bedard 2019-09-03 14:08:37 PDT
Created attachment 377919 [details]
Patch for landing
Comment 12 WebKit Commit Bot 2019-09-03 14:52:22 PDT
Comment on attachment 377919 [details]
Patch for landing

Clearing flags on attachment: 377919

Committed r249443: <https://trac.webkit.org/changeset/249443>
Comment 13 WebKit Commit Bot 2019-09-03 14:52:24 PDT
All reviewed patches have been landed.  Closing bug.
Comment 14 Radar WebKit Bug Importer 2019-09-03 14:53:20 PDT
<rdar://problem/54992371>