Can I dock the style portion of the new dev tools to the right-hand side of the window as they were before?
In previous versions of Firefox, the dev tools had the HTML on the bottom and styles on the right. Now everything is docked to the bottom of the screen. Is there any way to vertically stretch the styles back to the full window height? I find them hard to navigate quickly on the bottom and I don't want to have to manage a separate window.
Chosen solution
Firefox 22 (current Aurora 22.0a2 has it, but 21.0 beta doesn't) and later will have this feature as posted by Ibay to dock the inspector panel to the right side, so you will have to wait 12 weeks to get it in a Firefox release or take a look at Aurora (note that this version is updated daily).
Read this answer in context 👍 1All Replies (5)
Hi!
There's the option to put them on the side. Select the icon with 2 columns next the closing cross on the top left corner of the Inspector.
Let me know if that helps. Ibai
I don't see any icons with 2 columns in the Inspector. The one next to the X is to open it in a separate window, which isn't what I want. The only other icons there are 3D View, Scratchpad, and Responsive Design Mode. Are we looking at the same version? I've attached a screenshot.
You can't do that anymore in current Firefox versions.
The only option is to have a separate widow for the Dev Tools panel.
Thanks for the info, but...that's really disappointing. The point stated in that article seems silly - isn't that why we have Responsive Design Mode in the first place? Having the option isn't hurting anyone. The sidebar UI was the main reason I preferred to do design work in Firefox over Chrome. Looks like its back on the Google train for me.
Chosen Solution
Firefox 22 (current Aurora 22.0a2 has it, but 21.0 beta doesn't) and later will have this feature as posted by Ibay to dock the inspector panel to the right side, so you will have to wait 12 weeks to get it in a Firefox release or take a look at Aurora (note that this version is updated daily).