OLD | NEW |
---|---|
(Empty) | |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | |
2 | |
3 <dom-module id="bookmarks-toast"> | |
tsergeant
2017/06/01 08:25:00
To be honest, I don't really see the need to make
calamity
2017/06/02 05:34:22
Done.
| |
4 <template> | |
5 <style> | |
6 :host { | |
7 align-items: center; | |
8 background-color: var(--bookmarks-toast-background-color, #323232); | |
tsergeant
2017/06/01 08:25:00
Relatedly, I don't think we need to have these unu
calamity
2017/06/02 05:34:22
Done.
| |
9 border-radius: 4px; | |
10 bottom: 0; | |
11 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28); | |
12 box-sizing: border-box; | |
13 color: var(--bookmarks-toast-color, #fff); | |
14 display: flex; | |
15 margin: 24px; | |
16 max-width: 568px; | |
17 min-height: 52px; | |
18 min-width: 288px; | |
19 opacity: 0; | |
20 padding: 0 24px; | |
21 position: fixed; | |
22 transform: translateY(100px); | |
23 transition: transform 300ms, opacity 300ms; | |
24 white-space: nowrap; | |
25 } | |
26 | |
27 :host([open]) { | |
28 opacity: 1; | |
29 transform: translateY(0); | |
30 } | |
31 </style> | |
32 <slot></slot> | |
33 </template> | |
34 <script src="chrome://bookmarks/toast.js"></script> | |
35 </dom-module> | |
OLD | NEW |