Bug 157957

Summary: Web Inspector: allow reordering of timelines via drag and drop in edit mode
Product: WebKit Reporter: Blaze Burg <bburg>
Component: Web InspectorAssignee: Matt Baker <mattbaker>
Status: NEW    
Severity: Normal CC: graouts, inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Bug Depends on: 160485    
Bug Blocks:    
Attachments:
Description Flags
[Video] New UI
none
[Video] New UI - reorder timelines
none
[Video] Updated UI none

Blaze Burg
Reported 2016-05-20 15:12:09 PDT
I am so sick of having layout be above JavaScript! :)
Attachments
[Video] New UI (297.18 KB, video/mp4)
2016-05-21 14:44 PDT, Matt Baker 		no flags
Details
[Video] New UI - reorder timelines (272.30 KB, video/mp4)
2016-05-22 14:50 PDT, Matt Baker 		no flags
Details
[Video] Updated UI (528.59 KB, video/mp4)
2016-08-08 13:21 PDT, Matt Baker 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2016-05-20 15:13:17 PDT
<rdar://problem/26400473>
Matt Baker
Comment 2 2016-05-20 18:31:13 PDT
Yes! I've been dying to do this for a while. Will have something up tonight or tomorrow morning.
Matt Baker
Comment 3 2016-05-21 14:44:22 PDT
Created attachment 279545 [details] [Video] New UI Added edit transition and move handles for the tree elements.
Timothy Hatcher
Comment 4 2016-05-21 19:12:46 PDT
Cool! Only suggestion, use: cursor: row-resize; for the drag handle.
Matt Baker
Comment 5 2016-05-22 14:50:31 PDT
Created attachment 279553 [details] [Video] New UI - reorder timelines Draggable tree items. Borders for tree items adjacent to the "hole" left by the item being dragged still need work.
Blaze Burg
Comment 6 2016-08-01 11:39:13 PDT
Matt, are you ready to put this up for review?
Matt Baker
Comment 7 2016-08-08 13:21:03 PDT
Created attachment 285583 [details] [Video] Updated UI Improvements: - Dragging a tree element moves the corresponding graph - Checkboxes slide in from right, animate x-coordinate and opacity - Sped up transition to/from Edit mode to 200ms Need to address an issue with dragging oversize timelines (Memory) before posting a PFR.
Blaze Burg
Comment 8 2016-09-14 16:38:04 PDT
(In reply to comment #7) > Created attachment 285583 [details] > [Video] Updated UI > > Improvements: > - Dragging a tree element moves the corresponding graph > - Checkboxes slide in from right, animate x-coordinate and opacity > - Sped up transition to/from Edit mode to 200ms > > Need to address an issue with dragging oversize timelines (Memory) before > posting a PFR. What happened to this patch?
Note You need to log in before you can comment on or make changes to this bug.