| 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/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 3 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> | 3 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> |
| 4 <link rel="import" href="chrome://resources/cr_elements/network/network_icons.ht
ml"> | 4 <link rel="import" href="chrome://resources/cr_elements/network/network_icons.ht
ml"> |
| 5 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html"> |
| 5 | 6 |
| 6 <dom-module id="cr-network-icon"> | 7 <dom-module id="cr-network-icon"> |
| 7 <template> | 8 <template> |
| 8 <style> | 9 <style include="cr-hidden-style"> |
| 9 :host { | 10 :host { |
| 10 display: inline-flex; | 11 display: inline-flex; |
| 11 overflow: hidden; | 12 overflow: hidden; |
| 12 padding: 2px; | 13 padding: 2px; |
| 13 position: relative; | 14 position: relative; |
| 14 } | 15 } |
| 15 | 16 |
| 16 /* Included for options UI. TODO(stevenjb): Remove. */ | |
| 17 [hidden] { | |
| 18 display: none !important; | |
| 19 } | |
| 20 | |
| 21 #icon { | 17 #icon { |
| 22 height: 20px; | 18 height: 20px; |
| 23 opacity: .65; /* Equivalent to #5a5a5a */ | 19 opacity: .65; /* Equivalent to #5a5a5a */ |
| 24 width: 20px; | 20 width: 20px; |
| 25 } | 21 } |
| 26 | 22 |
| 27 /* Upper-left corner */ | 23 /* Upper-left corner */ |
| 28 #technology { | 24 #technology { |
| 29 --iron-icon-fill-color: #5a5a5a; | 25 --iron-icon-fill-color: #5a5a5a; |
| 30 height: 20px; | 26 height: 20px; |
| (...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 131 </div> | 127 </div> |
| 132 <iron-icon id="technology" hidden="[[!showTechnology_(networkState)]]" | 128 <iron-icon id="technology" hidden="[[!showTechnology_(networkState)]]" |
| 133 icon="[[getTechnology_(networkState)]]"> | 129 icon="[[getTechnology_(networkState)]]"> |
| 134 </iron-icon> | 130 </iron-icon> |
| 135 <iron-icon id="secure" hidden="[[!showSecure_(networkState)]]" | 131 <iron-icon id="secure" hidden="[[!showSecure_(networkState)]]" |
| 136 icon="network8:badge-secure"> | 132 icon="network8:badge-secure"> |
| 137 </iron-icon> | 133 </iron-icon> |
| 138 </template> | 134 </template> |
| 139 <script src="cr_network_icon.js"></script> | 135 <script src="cr_network_icon.js"></script> |
| 140 </dom-module> | 136 </dom-module> |
| OLD | NEW |