Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(81)

Side by Side Diff: chrome/browser/resources/md_bookmarks/toast_manager.html

Issue 2898303004: [MD Bookmarks] Add toasts. (Closed)
Patch Set: Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <link rel="import" href="chrome://resources/html/polymer.html">
2
3 <link rel="import" href="chrome://resources/cr_elements/cr_lazy_render/cr_lazy_r ender.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toast/paper-toast .html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
6 <link rel="import" href="chrome://bookmarks/shared_style.html">
7
8 <dom-module id="bookmarks-toast-manager">
9 <template>
10 <style include="shared-style">
11 paper-toast {
12 align-items: center;
13 display: flex;
14 height: 52px;
15 max-width: 568px;
tsergeant 2017/05/26 05:19:24 A couple of additions to match the mocks: font-si
calamity 2017/05/31 08:10:41 Pushed into cr-toast.
16 padding: 0 16px 0 24px;
17 }
18
19 #button-container {
20 align-items: center;
21 display: flex;
22 height: 0;
tsergeant 2017/05/26 05:19:24 Is this necessary?
calamity 2017/05/31 08:10:41 Whole thing wasn't necessary actually. Removed.
23 }
24
25 #content {
26 flex: 1;
27 margin-right: 32px;
28 overflow: hidden;
29 text-overflow: ellipsis;
30 white-space: nowrap;
31 }
32
33 paper-button {
34 color: var(--google-blue-300);
35 font-size: 13px;
tsergeant 2017/05/26 05:19:24 With font-size: inherit above, you won't need to a
calamity 2017/05/31 08:10:41 Acknowledged.
36 font-weight: 500;
37 height: 32px;
38 margin: 0;
39 min-width: 52px;
40 padding: 0;
tsergeant 2017/05/26 05:19:24 I think the mocks call for padding: 8px here. It
calamity 2017/05/31 08:10:41 Done.
41 }
42 </style>
43 <template is="cr-lazy-render" id="toast">
44 <paper-toast duration="5000">
45 <div id="content"></div>
46 <div id="button-container">
47 <paper-button id="button" hidden$="[[!showUndo_]]"
48 on-tap="onUndoTap_">
49 $i18n{undo}
50 </paper-button>
51 </div>
52 </paper-toast>
53 </template>
54 </template>
55 <script src="chrome://bookmarks/toast_manager.js"></script>
56 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698