Closed Bug 818288 Opened 12 years ago Closed 9 years ago

[inspector] make the inspector UI responsive

Categories

(DevTools :: Inspector, defect)

Product:
DevTools
Component:
Inspector
Version:
20 Branch
Platform:
x86
macOS
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED WORKSFORME

People

(Reporter: wraithan, Unassigned)

Details

With the new developer tool aggregation I can no longer easily see all the styles that are applied to an element when inspecting, and instead have to scroll a lot in a tiny pane.

I'd like it if there was an option to go back to the old style for the style editor where it was a pane along the right side of the window and the inspector was on the bottom.
Component: Developer Tools: Style Editor → Developer Tools: Inspector
Summary: Add an option or way to have the style editor on the right with the inspector on the bottom. → Add an option or way to have the style inspector on the right with the inspector on the bottom.
I think this is a dupe of bug 818151, unless there are plans to undo most of the changes to migrate the inspector to the DevTools API that I'm not aware of.
Blocks: 818151
We want to be able to dock the tools on the right of the browser. The code is here (but preffed off), but the toolbox UI is not ready for that (bug 818151) and some tools don't look good in the sidebar (like the inspector).

I suggest that, when the inspector is docked on the side, we hide the markup view, to only have highlighter + breadcrumbs + style inspector. This will, more or less, reproduce the previous UI (but no toolbar).
Summary: Add an option or way to have the style inspector on the right with the inspector on the bottom. → [inspector] make the inspector UI responsive
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → WORKSFORME
WFM since the inspector is already responsive.
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.