From d1841cbbad2d98fd1eab185543fe9c947a256f06 Mon Sep 17 00:00:00 2001 From: Brian Grinstead Date: Fri, 10 Nov 2017 15:13:12 -0800 Subject: [PATCH] Bug 1403977 - Switch to inline-block for message-body and children;r=nchevobbe MozReview-Commit-ID: KbHeA4uwas9 --HG-- extra : rebase_source : 3a0db8ec11128173676c768786962b215f2a3d05 --- devtools/client/themes/webconsole.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/devtools/client/themes/webconsole.css b/devtools/client/themes/webconsole.css index 634c28fde956..865250e20b14 100644 --- a/devtools/client/themes/webconsole.css +++ b/devtools/client/themes/webconsole.css @@ -929,13 +929,13 @@ a.learn-more-link.webconsole-learn-more-link { } .webconsole-output-wrapper .message-flex-body > .message-body { - display: flex; - flex-wrap: wrap; + display: inline-block; max-width: 100%; } .webconsole-output-wrapper .message-body > * { flex-shrink: 0; + vertical-align: top; } .message.startGroup .message-body > .objectBox-string, @@ -1030,6 +1030,7 @@ a.learn-more-link.webconsole-learn-more-link { .network .message-flex-body > .message-body { display: flex; + flex-wrap: wrap; } /* Output Wrapper */ @@ -1178,6 +1179,7 @@ body #output-container { --tree-indent-width: var(--console-output-indent-width); --tree-indent-border-color: var(--console-output-indent-border-color); --tree-node-hover-background-color : var(--object-inspector-hover-background); + display: inline-block; } .theme-dark .webconsole-output-wrapper .object-inspector.tree {