Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(833)

Side by Side Diff: ui/webui/resources/cr_elements/network/cr_network_icon.html

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: sort Created 4 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698