Bug 182150

Summary: Web Inspector: TabBar redesign: create mini-dashboard for console and debugging status
Product: WebKit Reporter: Matt Baker <mattbaker>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: bfulgham, inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Bug Depends on:    
Bug Blocks: 181611    

Matt Baker
Reported 2018-01-25 14:22:59 PST
Summary: Merge toolbar items and dashboard into TabBar. This should go behind an experimental feature flag until we've lived on it a while. The new bar will include (left to right): - Close (docked only) - Tabs (Elements, Network, etc) - Tab picker (when tabs hidden/collapsed) - Console messages mini-dashboard - Inspect element - Search - Dock/undock - Settings Some items previously in the dashboard/toolbar are not included in the redesign. The Reload and Download Web Archive buttons are redundant, as long as we have a way to surface the Reload Ignoring Cache shortcut. Resource/timing dashboard items can be relocated to the Network tab as a status element. That leaves the Pause Location dashboard item. This is a useful top-level notification, and it would be good to indicate paused state state somehow in the new design.
Attachments
Radar WebKit Bug Importer
Comment 1 2018-01-25 14:23:14 PST
Matt Baker
Comment 2 2018-03-15 13:24:12 PDT
This bug has been re-focused on the top-level dashboard UI only. Other buttons (close, docking, inspect element) are covered by their own bugs: <https://webkit.org/b/182413> Web Inspector: TabBar redesign: add close and docking buttons to the TabBar <https://webkit.org/b/183674> Web Inspector: TabBar redesign: add Inspect element button
Note You need to log in before you can comment on or make changes to this bug.