Created attachment 8777256 [details]
User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0
Build ID: 20160726073904
Steps to reproduce:
1. Start Nightly
2. Open DevTools
3. Move dock to side
Responsive design mode icon is similar with dock to bottom icon.
Responsive design mode icon should be changed to more identifiable like firebug icon.
They are indeed very similar! Helen, any thoughts about this?
(In reply to J. Ryan Stinnett [:jryans] (use ni?) from comment #1)
> They are indeed very similar! Helen, any thoughts about this?
In this bug's current form I would consider this a WONTFIX—they're separated out into two separate sections.
However, I can see how in this mode, the visual separator disappears, which is problematic: https://cl.ly/2F1s1u0v0t2Y
gasolin is currently working on a series of toolbar visual changes that should resolve this bug by removing background colors on the panel backgrounds and using color on the text instead, which will preserve that visual separator and making these two buttons more obvious with the Settings panel selected.
Created attachment 8811405 [details] [diff] [review]
Created attachment 8811406 [details]
Screen Shot 2016-11-16 at 1.51.07 PM.png
With the patch applied.
Comment on attachment 8811405 [details] [diff] [review]
Review of attachment 8811405 [details] [diff] [review]:
Thanks for working on this!
Please add r=jryans to commit message.
@@ +1,4 @@
> <!-- This Source Code Form is subject to the terms of the Mozilla Public
> - License, v. 2.0. If a copy of the MPL was not distributed with this
> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" stroke="#0b0b0b" stroke-miterlimit="10" stroke-wdith="2" stroke-linecap="round" stroke-linejoin="round" fill="transparent">
Looks like the following attributes are not needed:
* stroke-wdith (which is misspelled and distorts the image if corrected)
These I am less sure about, but I could not notice an obvious change when removing them:
Pushed by email@example.com:
Adds new responsive design mode icon. r=jryans
This bug was verified fixed in latest Aurora and Nightly build. Thanks!