OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-announcer/iro
n-a11y-announcer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
4 <link rel="import" href="chrome://bookmarks/shared_style.html"> | 4 <link rel="import" href="chrome://bookmarks/shared_style.html"> |
5 | 5 |
6 <dom-module id="bookmarks-toast-manager"> | 6 <dom-module id="bookmarks-toast-manager"> |
7 <template> | 7 <template> |
8 <style include="shared-style"> | 8 <style include="shared-style"> |
9 #content { | 9 #content { |
10 display: flex; | 10 display: flex; |
11 flex: 1; | 11 flex: 1; |
12 margin-right: 32px; | 12 margin-right: 32px; |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
47 min-height: 52px; | 47 min-height: 52px; |
48 min-width: 288px; | 48 min-width: 288px; |
49 opacity: 0; | 49 opacity: 0; |
50 padding: 0 24px; | 50 padding: 0 24px; |
51 position: fixed; | 51 position: fixed; |
52 transform: translateY(100px); | 52 transform: translateY(100px); |
53 transition: transform 300ms, opacity 300ms; | 53 transition: transform 300ms, opacity 300ms; |
54 white-space: nowrap; | 54 white-space: nowrap; |
55 } | 55 } |
56 | 56 |
57 :host([open_]) #toast { | 57 #toast[aria-hidden=false] { |
58 opacity: 1; | 58 opacity: 1; |
59 transform: translateY(0); | 59 transform: translateY(0); |
60 } | 60 } |
61 </style> | 61 </style> |
62 <div id="toast" aria-live="polite"> | 62 <div id="toast"> |
63 <div id="content"></div> | 63 <div id="content"></div> |
64 <paper-button id="button" hidden$="[[!showUndo_]]" on-tap="onUndoTap_"> | 64 <paper-button id="button" hidden$="[[!showUndo_]]" on-tap="onUndoTap_"> |
65 $i18n{undo} | 65 $i18n{undo} |
66 </paper-button> | 66 </paper-button> |
67 </div> | 67 </div> |
68 </template> | 68 </template> |
69 <script src="chrome://bookmarks/toast_manager.js"></script> | 69 <script src="chrome://bookmarks/toast_manager.js"></script> |
70 </dom-module> | 70 </dom-module> |
OLD | NEW |