OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> | 2 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> |
3 | 3 |
4 <dom-module id="cr-network-icon"> | 4 <dom-module id="cr-network-icon"> |
5 <template> | 5 <template> |
6 <style> | 6 <style> |
7 /* Note: we use display: block here to avoid positioning issues related to | 7 /* Note: we use display: block here to avoid positioning issues related to |
8 the use of overflow: hidden. */ | 8 the use of overflow: hidden. */ |
9 :host { | 9 :host { |
10 display: block; | 10 display: block; |
(...skipping 29 matching lines...) Expand all Loading... |
40 top: -300%; | 40 top: -300%; |
41 } | 41 } |
42 | 42 |
43 #icon.level4 { | 43 #icon.level4 { |
44 top: -400%; | 44 top: -400%; |
45 } | 45 } |
46 | 46 |
47 /* Connecting animation */ | 47 /* Connecting animation */ |
48 | 48 |
49 #icon.connecting { | 49 #icon.connecting { |
50 -webkit-animation: levels 1s infinite; | 50 animation: levels 1s infinite; |
51 -webkit-animation-timing-function: steps(4, start); | 51 animation-timing-function: steps(4, start); |
52 } | 52 } |
53 | 53 |
54 @-webkit-keyframes levels { | 54 @keyframes levels { |
55 from { | 55 from { |
56 top: 0%; | 56 top: 0%; |
57 } | 57 } |
58 to { | 58 to { |
59 top: -400%; | 59 top: -400%; |
60 } | 60 } |
61 } | 61 } |
62 | 62 |
63 /* Badges. */ | 63 /* Badges. */ |
64 /* Note: These use left/right because we do not reverse the badges for | 64 /* Note: These use left/right because we do not reverse the badges for |
(...skipping 22 matching lines...) Expand all Loading... |
87 hidden$="[[!technology_]]"> | 87 hidden$="[[!technology_]]"> |
88 <img id="roaming" alt="" | 88 <img id="roaming" alt="" |
89 src="chrome://resources/cr_elements/network/badge_roaming.png" | 89 src="chrome://resources/cr_elements/network/badge_roaming.png" |
90 hidden$="[[!roaming_]]"> | 90 hidden$="[[!roaming_]]"> |
91 <img id="secure" alt="" | 91 <img id="secure" alt="" |
92 src="chrome://resources/cr_elements/network/badge_secure.png" | 92 src="chrome://resources/cr_elements/network/badge_secure.png" |
93 hidden$="[[!secure_]]"> | 93 hidden$="[[!secure_]]"> |
94 </template> | 94 </template> |
95 <script src="cr_network_icon.js"></script> | 95 <script src="cr_network_icon.js"></script> |
96 </dom-module> | 96 </dom-module> |
OLD | NEW |