Expose TLS settings in the Security panel overview, and call out individual obsolete settings.

third_party/WebKit/Source/devtools/front_end/security/SecurityPanel.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.PanelWithSidebar}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.SecurityPanel = function()
@@ skipping 529 matching lines @@
     WebInspector.VBox.call(this, true);
     this.registerRequiredCSS("security/mainView.css");
     this.registerRequiredCSS("security/lockIcon.css");
     this.setMinimumSize(200, 100);
 
     this.contentElement.classList.add("security-main-view");
 
     this._panel = panel;
 
     this._summarySection = this.contentElement.createChild("div", "security-summary");
-    this._securityExplanations = this.contentElement.createChild("div", "security-explanation-list");
+
+    // Info explanations should appear after all others.
+    this._securityExplanationsMain = this.contentElement.createChild("div", "security-explanation-list");
+    this._securityExplanationsInfo = this.contentElement.createChild("div", "security-explanation-list");
 
     // Fill the security summary section.
     this._summarySection.createChild("div", "security-summary-section-title").textContent = WebInspector.UIString("Security Overview");
 
     var lockSpectrum = this._summarySection.createChild("div", "lock-spectrum");
     lockSpectrum.createChild("div", "lock-icon lock-icon-secure").title = WebInspector.UIString("Secure");
     lockSpectrum.createChild("div", "security-summary-lock-spacer");
     lockSpectrum.createChild("div", "lock-icon lock-icon-neutral").title = WebInspector.UIString("Not Secure");
     lockSpectrum.createChild("div", "security-summary-lock-spacer");
     lockSpectrum.createChild("div", "lock-icon lock-icon-insecure").title = WebInspector.UIString("Insecure (Broken)");
 
     this._summarySection.createChild("div", "triangle-pointer-container").createChild("div", "triangle-pointer-wrapper").createChild("div", "triangle-pointer");
 
     this._summaryText = this._summarySection.createChild("div", "security-summary-text");
 }
 
 WebInspector.SecurityMainView.prototype = {
     /**
      * @param {!SecurityAgent.SecurityStateExplanation} explanation
      * @return {!Element}
      */
     _addExplanation: function(explanation)
     {
-        var explanationSection = this._securityExplanations.createChild("div", "security-explanation");
+        var parent = (explanation.securityState == SecurityAgent.SecurityState.Info) ? this._securityExplanationsInfo : this._securityExplanationsMain;
+
+        var explanationSection = parent.createChild("div", "security-explanation");
         explanationSection.classList.add("security-explanation-" + explanation.securityState);
 
         explanationSection.createChild("div", "security-property").classList.add("security-property-" + explanation.securityState);
         var text = explanationSection.createChild("div", "security-explanation-text");
         text.createChild("div", "security-explanation-title").textContent = explanation.summary;
         text.createChild("div").textContent = explanation.description;
 
         if (explanation.certificateId) {
             text.appendChild(WebInspector.SecurityPanel.createCertificateViewerButton(WebInspector.UIString("View certificate"), explanation.certificateId));
         }
@@ skipping 29 matching lines @@
         this._schemeIsCryptographic = schemeIsCryptographic;
 
         this._panel.setRanInsecureContentStyle(mixedContentStatus.ranInsecureContentStyle);
         this._panel.setDisplayedInsecureContentStyle(mixedContentStatus.displayedInsecureContentStyle);
 
         this.refreshExplanations();
     },
 
     refreshExplanations: function ()
     {
-        this._securityExplanations.removeChildren();
+        this._securityExplanationsMain.removeChildren();
+        this._securityExplanationsInfo.removeChildren();
         for (var explanation of this._explanations)
             this._addExplanation(explanation);
 
         this._addMixedContentExplanations();
     },
 
     _addMixedContentExplanations: function ()
     {
         if (!this._schemeIsCryptographic)
             return;
@@ skipping 296 matching lines @@
         row.createChild("div").textContent = key;
 
         var valueDiv = row.createChild("div");
         if (typeof value === "string") {
             valueDiv.textContent = value;
         } else {
             valueDiv.appendChild(value);
         }
     }
 }