gNotificationBox doesn't go there anymore (it goes inside the toolbox),
so we have really no use for that.
Simplify how the devtools theme is set on the browser, so that it is set
on the root.
Differential Revision: https://phabricator.services.mozilla.com/D220769
The toolbox specified the min-width to the own xul attribtue. However,
the coordinate system differ from inner and outer frame if we zoom in/out the
devtool panel.
This patch will multiply the min-width of toolbox and zoom value to prevent
this coordinate problem.
Differential Revision: https://phabricator.services.mozilla.com/D4895
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
This changeset modifies devtools-browser.css to import:
- commandline-browser.css (needed for GCLI)
- responsivedesign.css (needed for the old RDM)
These files are no longer included in the main browser.css files.
devtools-browser.css is also no longer loaded by browser.xul.
Instead it is dynamically loaded when devtools need the browser stylesheet:
- when creating a side or bottom host (need the splitter)
- when opening gcli
- when opening the old responsive design
devtools-browser.js keeps track of the browser stylesheets loaded in the
various tracked windows and will remove the stylesheet when the window is unloaded.
MozReview-Commit-ID: AL3CxS7mvdO
For CSS files which were used via both chrome:// and resource://, I converted
all usages to resource:// and removed the chrome:// copy to reduce file
duplication.
I believe most DevTools CSS could be using resource:// throughout, but that's
left as follow up work for now.
MozReview-Commit-ID: G7oxZqjodwv
Emilio Cobos Álvarez