Files
sousa-gecko/devtools/client/framework
Mantaroh Yoshinaga 789d970ebe Bug 1456056 - Part 3. Use the grid layout to a toolbar in order to display only the chevron button and the controls element if devtool's width is narrow. r=jdescottes,nchevobbe
This patch will apply the grid layout to the toolbar.
If devtools's width is narrow, we expected that devtool display chevron and the
controls elements only(i.e. chevron and meatball and close button).
In order to display these button, a wrapper of toolbar will use grid layout.

Basically, this patch define grid columns as follow:

------------------------------------------------
| Picker |  tooltabs  |  commands |   controls  |
|  auto  | 26px ~ 1fr |    auto   |  max-content|
------------------------------------------------

We can disable the picker and command buttons, in this case, a toolbar will
stretch the tooltabs width by using grid-column-start/end.

MozReview-Commit-ID: ByY2qt2xhAg
2018-05-31 10:25:29 +09:00
..