OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 | 2 |
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 flex: 1; | 11 flex: 1; |
11 margin-right: 32px; | 12 margin-right: 32px; |
12 overflow: hidden; | 13 overflow: hidden; |
13 text-overflow: ellipsis; | 14 text-overflow: ellipsis; |
14 white-space: nowrap; | 15 white-space: nowrap; |
15 } | 16 } |
16 | 17 |
17 paper-button { | 18 paper-button { |
18 color: var(--google-blue-300); | 19 color: var(--google-blue-300); |
19 font-weight: 500; | 20 font-weight: 500; |
20 height: 32px; | 21 height: 32px; |
21 margin: 0; | 22 margin: 0; |
22 min-width: 52px; | 23 min-width: 52px; |
23 padding: 8px; | 24 padding: 8px; |
24 } | 25 } |
25 | 26 |
| 27 .collapsible { |
| 28 flex: 1; |
| 29 overflow: hidden; |
| 30 text-overflow: ellipsis; |
| 31 } |
| 32 |
| 33 span { |
| 34 white-space: pre; |
| 35 } |
| 36 |
26 #toast { | 37 #toast { |
27 align-items: center; | 38 align-items: center; |
28 background-color: #323232; | 39 background-color: #323232; |
29 border-radius: 4px; | 40 border-radius: 4px; |
30 bottom: 0; | 41 bottom: 0; |
31 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28); | 42 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28); |
32 box-sizing: border-box; | 43 box-sizing: border-box; |
33 color: #fff; | 44 color: #fff; |
34 display: flex; | 45 display: flex; |
35 margin: 24px; | 46 margin: 24px; |
(...skipping 15 matching lines...) Expand all Loading... |
51 </style> | 62 </style> |
52 <div id="toast" aria-live="polite"> | 63 <div id="toast" aria-live="polite"> |
53 <div id="content"></div> | 64 <div id="content"></div> |
54 <paper-button id="button" hidden$="[[!showUndo_]]" on-tap="onUndoTap_"> | 65 <paper-button id="button" hidden$="[[!showUndo_]]" on-tap="onUndoTap_"> |
55 $i18n{undo} | 66 $i18n{undo} |
56 </paper-button> | 67 </paper-button> |
57 </divn> | 68 </divn> |
58 </template> | 69 </template> |
59 <script src="chrome://bookmarks/toast_manager.js"></script> | 70 <script src="chrome://bookmarks/toast_manager.js"></script> |
60 </dom-module> | 71 </dom-module> |
OLD | NEW |