Bug 182413 - Web Inspector: TabBar redesign: add close and docking buttons to the TabBar
Summary: Web Inspector: TabBar redesign: add close and docking buttons to the TabBar
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Matt Baker
URL:
Keywords: InRadar
Depends on: 182342
Blocks: 181611 183654
  Show dependency tree / graph
 
Reported: 2018-02-01 16:51 PST by Matt Baker
Modified: 2018-03-14 23:59 PDT (History)
3 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Matt Baker 2018-02-01 16:51:14 PST 
Summary:
Move docking buttons to the TabBar. When docked, add a close button (X) immediately before the first normal tab. The button/tab order should be (left to right):

- Close button (docked only)
- Normal tabs (Elements, Network, etc)
- Tab picker (>>)
- Search
- Settings
Docked:
- Undock
- Dock opposite
Undocked:
- Dock side
- Dock bottom
Comment 1 Radar WebKit Bug Importer 2018-02-01 16:52:18 PST 
<rdar://problem/37137401>
Comment 2 Devin Rousso 2018-02-01 20:12:14 PST 
I personally like the approach taken by Chrome, in that it has a vertical ellipsis menu with the dock options.  Having two separate buttons for docking state seems wasteful.  Personally, I so very rarely switch from dock-right to something else, so I'd prefer having more space for the tabs or other buttons (like the element picker perhaps).