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 |