OLD | NEW |
1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> | 1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> |
2 <link rel="import" href="chrome://resources/polymer/paper-spinner/paper-spinner.
html"> | 2 <link rel="import" href="chrome://resources/polymer/paper-spinner/paper-spinner.
html"> |
3 | 3 |
4 <polymer-element name="throbber-notice" attributes="text" noscript> | 4 <polymer-element name="throbber-notice" attributes="text" noscript> |
5 <template> | 5 <template> |
6 <style> | 6 <style> |
7 paper-spinner::shadow .circle { | 7 paper-spinner::shadow .circle { |
8 border-color: #4285f4; | 8 border-color: #4285f4; |
9 } | 9 } |
10 | 10 |
11 paper-spinner { | 11 paper-spinner { |
12 height: 36px; | 12 height: 36px; |
13 width: 36px; | 13 width: 36px; |
14 } | 14 } |
15 #spinner-container { | 15 #spinner-container { |
16 margin-bottom: 25px; | 16 margin-bottom: 25px; |
17 } | 17 } |
| 18 #spinner-comment { |
| 19 color: grey; |
| 20 } |
18 </style> | 21 </style> |
19 <div id="spinner-container" vertical layout center> | 22 <div id="spinner-container" vertical layout center> |
20 <paper-spinner active></paper-spinner> | 23 <paper-spinner active></paper-spinner> |
21 </div> | 24 </div> |
22 <div>{{text}}</div> | 25 <div id="spinner-comment">{{text}}</div> |
23 </template> | 26 </template> |
24 </polymer-element> | 27 </polymer-element> |
OLD | NEW |