1178213 - Toolbox toolbar should be displayed along the side in vertical dock mode

Status: RESOLVED DUPLICATE of bug 1173308

(DevTools :: Framework, defect)

Description

[Patrick Brosset <:pbro>]

STR:

- dock the toolbox to the side of the browser

Actual: the toolbar (that contains the tool tabs and buttons) is still displayed at the top of the toolbox, just like when it is docked at the bottom of the browser. In most cases, this will mean that there's less space to display the tabs and buttons.

Expected: the toolbar should move to the side of the toolbox, with tabs and buttons being displayed vertically.

+---------------------+--+--------+
| p                   |t |  t     |
| a                   |o |  o     |
| g                   |o |  o     |
| e                   |l |  l     |
|                     |b |  b     |
|                     |a |  o     |
|                     |r |  x     |
+---------------------+--+--------+

Comment 1

[Jeff Griffiths (:canuckistani) (:⚡︎)]

A key visual design requirement is for the developer to be able to easily see which tool is which. I think we'd struggle with this currently because the icons are so subtle in coloring and perhaps in design. 

( also implied, we could NOT do a default icon )

Comment 2

[magicp]

(In reply to Patrick Brosset [:pbrosset] [:pbro] from comment #0)
> STR:
> 
> - dock the toolbox to the side of the browser
> 
> Actual: the toolbar (that contains the tool tabs and buttons) is still
> displayed at the top of the toolbox, just like when it is docked at the
> bottom of the browser. In most cases, this will mean that there's less space
> to display the tabs and buttons.
> 
> Expected: the toolbar should move to the side of the toolbox, with tabs and
> buttons being displayed vertically.
> 
> +---------------------+--+--------+
> | p                   |t |  t     |
> | a                   |o |  o     |
> | g                   |o |  o     |
> | e                   |l |  l     |
> |                     |b |  b     |
> |                     |a |  o     |
> |                     |r |  x     |
> +---------------------+--+--------+

Looks nice!