DevTools: fix computed style pane layout

Both computed section and platform fonts should not be shrinkable. BUG=none TBR=pfeldman Review-Url: https://codereview.chromium.org/2171653002 Cr-Commit-Position: refs/heads/master@{#406760}
binaryage · Jul 21, 2016 · 5dc7504 · 5dc7504
1 parent 02e7968
commit 5dc7504
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/front_end/elements/PlatformFontsWidget.js b/front_end/elements/PlatformFontsWidget.js
@@ -42,6 +42,7 @@ WebInspector.PlatformFontsWidget = function(sharedModel)
     this._sharedModel.addEventListener(WebInspector.ComputedStyleModel.Events.ComputedStyleChanged, this.update, this);
 
     this._sectionTitle = createElementWithClass("div", "title");
+    this.contentElement.classList.add("platform-fonts");
     this.contentElement.appendChild(this._sectionTitle);
     this._sectionTitle.textContent = WebInspector.UIString("Rendered Fonts");
     this._fontStatsSection = this.contentElement.createChild("div", "stats-section");

diff --git a/front_end/elements/computedStyleSidebarPane.css b/front_end/elements/computedStyleSidebarPane.css
@@ -6,6 +6,7 @@
 
 .computed-properties {
     -webkit-user-select: text;
+    flex-shrink: 0;
 }
 
 .computed-style-property {

diff --git a/front_end/elements/platformFontsWidget.css b/front_end/elements/platformFontsWidget.css
@@ -8,6 +8,10 @@
     -webkit-user-select: text;
 }
 
+.platform-fonts {
+    flex-shrink: 0;
+}
+
 .font-name {
     font-weight: bold;
 }