1449119 - Toggle CSS pane in Inspector is not possible and the toggle button is gone

Status: RESOLVED WONTFIX

(DevTools :: Inspector, defect)

Description

[Mehdi]

Attachment: Screenshot_2.png

Hi,

Seems like in recent version(s) of Firefox the toggle button of CSS Pane of Inspector has been removed and there is no way to toggle(expand/collapse) CSS pane.

This issue reported in Stackoverflow too, right here: https://stackoverflow.com/q/49441844/3367974

I attached screenshot of this page: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS, and you can see the button is there.

Thanks

Comment 1

[Patrick Brosset <:pbro>]

This is related to the 3-pane inspector. See bug 1433716.
This is a new feature that allows people to use the inspector with 3 sub-panes: 1 for the DOM tree, 1 for the CSS rules, and the last one for all the other panels. This is super useful for doing things in the 3rd panels while still looking at the CSS rules and DOM nodes.
For this feature, we re-purposed the toggle button. Now, it switches between 2-pane and 3-pane modes. So there is no longer a way to hide the entire sidebar anymore.
So this is an intentional change that we feel confident is the right step forward for supporting more future inspector features.