| 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 |