[MD Bookmarks] Add toasts.

chrome/browser/resources/md_bookmarks/toast_manager.html

Index: chrome/browser/resources/md_bookmarks/toast_manager.html
diff --git a/chrome/browser/resources/md_bookmarks/toast_manager.html b/chrome/browser/resources/md_bookmarks/toast_manager.html
new file mode 100644
index 0000000000000000000000000000000000000000..de2977e200c02b811df80aca76a209e329191d4e
--- /dev/null
+++ b/chrome/browser/resources/md_bookmarks/toast_manager.html
@@ -0,0 +1,60 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="chrome://bookmarks/shared_style.html">
+
+<dom-module id="bookmarks-toast-manager">
+  <template>
+    <style include="shared-style">
+      #content {
+        flex: 1;
+        margin-right: 32px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      paper-button {
+        color: var(--google-blue-300);
+        font-weight: 500;
+        height: 32px;
+        margin: 0;
+        min-width: 52px;
+        padding: 8px;
+      }
+
+      #toast {
+        align-items: center;
+        background-color: #323232;
+        border-radius: 4px;
+        bottom: 0;
+        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28);
+        box-sizing: border-box;
+        color: #fff;
+        display: flex;
+        margin: 24px;
+        max-width: 568px;
+        min-height: 52px;
+        min-width: 288px;
+        opacity: 0;
+        padding: 0 24px;
+        position: fixed;
+        transform: translateY(100px);
+        transition: transform 300ms, opacity 300ms;
+        white-space: nowrap;
+      }
+
+      :host([open_]) #toast {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    </style>
+    <div id="toast">

[tsergeant, 2017/06/05 01:25:40]

paper-toast integrates with iron-a11y-announcer to make their toasts accessible,
so that the screenreader announces the toast text when it is shown.

I think that adding aria-live="polite" either here on #toast or on #content
would probably achieve much the same thing, although you could also use
iron-a11y-announcer if that's better.

[calamity, 2017/06/06 04:44:05]

Done.

+      <div id="content"></div>
+      <paper-button id="button" hidden$="[[!showUndo_]]" on-tap="onUndoTap_">
+        $i18n{undo}
+      </paper-button>
+    </divn>
+  </template>
+  <script src="chrome://bookmarks/toast_manager.js"></script>
+</dom-module>