This patch will make the chevron menu to doorhanger menu and modify some tests
which related with this chevron menu.
MozReview-Commit-ID: BkdVHgRlHIw
--HG--
extra : rebase_source : 9c2300bdb40e70d0b975abbed2f9a424066e9312
This patch introduces the icon property for MenuItem. It also add padding to
allow for checkboxes only if there is at least one MenuItem using a checkbox.
MozReview-Commit-ID: CvvlR51mA53
--HG--
extra : rebase_source : 47a2a7cace22ad93d247a1e60006f16eb79ab476
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
--HG--
extra : rebase_source : c86b30acbfc32172eceea365e84ed03d717d5345
This margin only appears to be needed on Mac hence this patch makes the setting
apply only on OSX. It also switches to using logical properties so that the
margin appears in the correct place in RTL builds.
MozReview-Commit-ID: Chp1HJcretg
--HG--
extra : rebase_source : ef16f6175628be864b002ddf8d3a318570e39942
If the browser ui direction is RTL, this patch will rotate the chevron menu
icon of devtool 180 degree.
MozReview-Commit-ID: 72vLKnF1FkF
--HG--
extra : rebase_source : f7905e66da57eaba5e03e850f6305a3d4ed534f5
This patch removed the border and outline from focus style of tool tab and make
its style to be same as hover styles.
MozReview-Commit-ID: KD97vYiyUX2
--HG--
extra : rebase_source : 83fd2d5b743ac8488c711e98e316a39e9c8be30f
Currently, browser_toolbox_options check only toolbox's tab.
If tool tabs is bigger than toolbox width, this mechanism will not work
correctly. So this patch will check target tool tab from toolbox tabs and
tools menu (in chevron).
MozReview-Commit-ID: D3kaOwHvHni
--HG--
extra : rebase_source : c5abd11f138935f84b3d5c3fc4c21148295966ee
This patch will:
* change detecting overflow to using resize event.
* make chevron menu and tab menu to be exclusive.
* use photon design chevron menu.
* modify the related tests.
In this patch, the toolbox will create the cache of the displayed tool tab width
after rendering an element since each width of toolbox tab is not fixed size.
(i.e. each toolbox tab size is different from another size)
MozReview-Commit-ID: EQ0nU6WzCg1
--HG--
extra : rebase_source : ee01fbb5789769c4a75056e7eba41ad8ba232798
Also adds spacing to the end of the toolbox too.
MozReview-Commit-ID: 2Dkiu1MHGBj
--HG--
extra : rebase_source : 5559471e89ca41b86b6bd3b2ab0915a7d0672a70
This button is a little unbalanced: the icon is in the middle of the button but
the drop-down arrow is flush up against the side. Now that it appears right
before the separator it looks quite odd since the arrow is touching the
separator. This patch adjusts the margins so that the contents sit more neatly
inside the button.
This patch also fixes the vertical position of the arrow so that it is a little
lower, to match the mockup.
MozReview-Commit-ID: 3P50X69paFb
--HG--
extra : rebase_source : 52436781b7c3f66d90947e1ea01b2dc7f8da106b
Instead of duplicating SVGs to apply a different fill color, we
can use fill from css + fill="context-fill" to achieve the same
effect. This applies to all tools that have a highlighted state
for their icon: debugger, memory and performance tools.
MozReview-Commit-ID: GmqeTKS3PC
--HG--
extra : rebase_source : c613fc38ce7fedcfe111bed74216c1c38b511b9d
Updated colors and styles for toolbox toolbar tabs as well as sidebar tabs.
For icon color changes created special filters that match the expected photon colors.
The normal, selected and checked states of icons in both dark and light theme are now
always set using filters.
MozReview-Commit-ID: 4MTAxHnyI7a
Also fixes a slight issue in firebug theme that made the text slide of
1 px down when selecting a tab.
MozReview-Commit-ID: KNm9Xf21p2D
--HG--
extra : rebase_source : 98728735c36446a116a5a2cb2306f39e5a72f21c
extra : source : c342d199c1397fbb66c3c6f70cfe42b5d3817cc2
- remove text-overflow: ellipsis to maximize readable text
- add media query to hide toolbar icons when viewport width < 700px
MozReview-Commit-ID: 4HBFciWSuie
--HG--
extra : rebase_source : 64fde49c46c93f963ba073832d9f54902b078809
extra : source : d86ba00ee51ec5b1571009370a93f7ded5baa65b
Mantaroh Yoshinaga
Brian Birtles
Emilio Cobos Álvarez
Daisuke Akatsuka
Brian Grinstead
Yura Zenevich
abhinav
Julian Descottes
Gabriel Luong
Jason Laster
Mats Palmgren
Carsten "Tomcat" Book
Tim Nguyen
Towkir Ahmed
Greg Tatum
J. Ryan Stinnett