DevTools: Add reload button to disconnection dialog

BUG=627640 Review-Url: https://codereview.chromium.org/2148563003 Cr-Commit-Position: refs/heads/master@{#406669}
binaryage · Jul 20, 2016 · d253713 · d253713
1 parent b520ad6
commit d253713
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/front_end/main/Main.js b/front_end/main/Main.js
@@ -979,6 +979,8 @@ WebInspector.RemoteDebuggingTerminatedScreen = function(reason)
     message.createChild("span").textContent = WebInspector.UIString("Debugging connection was closed. Reason: ");
     message.createChild("span", "reason").textContent = reason;
     this.contentElement.createChild("div", "message").textContent = WebInspector.UIString("Reconnect when ready by reopening DevTools.");
+    var button = createTextButton(WebInspector.UIString("Reconnect DevTools"), () => window.location.reload());
+    this.contentElement.createChild("div", "button").appendChild(button);
 }
 
 /**

diff --git a/front_end/main/remoteDebuggingTerminatedScreen.css b/front_end/main/remoteDebuggingTerminatedScreen.css
@@ -5,15 +5,20 @@
  */
 
 .widget {
-    padding: 25px;
+    padding: 20px;
 }
 
-.message {
+.message, .button {
     font-size: larger;
     white-space: pre;
     margin: 5px;
 }
 
+.button {
+    text-align: center;
+    margin-top: 10px;
+}
+
 .reason {
     color: #8b0000;
 }