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

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

Issue 2848443002: MD Settings: Remove usage of deprecated iron-flex-layout.html, for CrOS. (Closed)
Patch Set: Fix more Created 3 years, 7 months 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/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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698