Bug 182150 - Web Inspector: TabBar redesign: create mini-dashboard for console and debugging status
Summary: Web Inspector: TabBar redesign: create mini-dashboard for console and debuggi...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks: 181611
  Show dependency treegraph
 
Reported: 2018-01-25 14:22 PST by Matt Baker
Modified: 2022-02-12 19:12 PST (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Matt Baker 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.
Comment 1 Radar WebKit Bug Importer 2018-01-25 14:23:14 PST
<rdar://problem/36882758>
Comment 2 Matt Baker 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