[Webkit-unassigned] [Bug 217396] New: Web Inspector: Support three-column pane arrangement in Elements Tab

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Oct 6 11:12:42 PDT 2020


https://bugs.webkit.org/show_bug.cgi?id=217396

            Bug ID: 217396
           Summary: Web Inspector: Support three-column pane arrangement
                    in Elements Tab
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: pangle at apple.com
                CC: inspector-bugzilla-changes at group.apple.com

Currently, everything is shoved into one details sidebar. If the screen is wide enough we should support 3 panes, so that we can have this layout:

DOM Tree   |    Styles for Selected Element    |       Additional Information / Tools

If the inspector is too narrow, then keep the auxiliary views in the second column and don't offer to pop them out.

Expected UI:
- Similar to Firefox, show a popout/pop in button in the second column's navigation bar.
- Upon clicking, auxiliary views (everything except Styles sidebar?) moves to a third column with its own navigation bar.
- Popout can be reverted by clilcking the button again.
- To determine when popout should be offered, set a reasonable min-width for auxiliary views.
- Three columns should each be resizable horizontally.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20201006/5525447b/attachment.htm>


More information about the webkit-unassigned mailing list