MD Settings: add escape hatch

chrome/browser/resources/settings/settings.html

Index: chrome/browser/resources/settings/settings.html
diff --git a/chrome/browser/resources/settings/settings.html b/chrome/browser/resources/settings/settings.html
index 5e1dc30af1f095f0919dfcaaaf395d467312c3f8..dcf01a5a59abc6d1a7e961d40e42e61e767c42f3 100644
--- a/chrome/browser/resources/settings/settings.html
+++ b/chrome/browser/resources/settings/settings.html
@@ -19,8 +19,51 @@
         :host {
           color: var(--paper-grey-800);
         }
+
+        #appeal {
+          align-items: center;
+          background: red;
+          display: flex;
+          left: 0;
+          position: fixed;
+          right: 0;
+          top: 0;
+          z-index: 9999;
+        }
+
+        #request {
+          flex: 1;
+          font-size: 1rem;
+          font-weight: bold;
+          padding: 12px 8px;
+        }
+
+        #request h1 {
+          font-size: 1.5rem;
+          margin: 0;
+        }
+
+        #request a {
+          color: rgb(100, 100, 255);
+        }
+
+        #close {
+          padding: 20px;
+        }
       </style>
       <settings-prefs id="prefs" prefs="{{prefs_}}"></settings-prefs>
+
+      <!-- TODO(dbeam): remove before launching ;). -->
+      <div id="appeal" hidden="[[appealClosed_]]">
+        <span id="request">
+          <h1>Please read: A personal appeal from the Chrome settings team.</h1>
+          <a href="https://goo.gl/gRBbFv">Please file bugs</a>
+          before you
+          <a href="chrome://settings-frame">go back to the old settings</a>.
+        </span>
+        <span id="close" tabindex=0 on-tap="onCloseAppealTap_">&#x2715;</span>
+      </div>
+
       <settings-ui id="ui" prefs="{{prefs_}}"></settings-ui>
     </template>
     <script src="/settings.js"></script>