+/* The main panel layout. This area consists of a toolbar, markup view
+ and breadcrumbs bar. */
+#inspector-main-content {
+ /* Subtract 1 pixel from the panel height. It's puzzling why this
+ is needed, but if not presented the entire Inspector panel
+ content jumps 1 pixel up when the Toolbox is opened. */
+ height: calc(100% - 1px);
+ /* This min-width avoids a visual glitch when moving the splitter quickly to the left.
+ See bug 1307408 comment #12. */
+ min-width: 125px;
+ display: flex;
+ flex-direction: column;
+ flex: 1 1 auto;
+}