Chromium Code Reviews| 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-flex-layout/classe s/iron-flex-layout.html"> | |
| 3 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expa nd_button.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expa nd_button.html"> |
| 4 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list. html"> | 3 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list. html"> |
| 5 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list_ network_item.html"> | 4 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list_ network_item.html"> |
| 6 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm l"> | 5 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm l"> |
| 7 | 6 |
| 8 <dom-module id="cr-network-select"> | 7 <dom-module id="cr-network-select"> |
| 9 <template> | 8 <template> |
| 10 <style> | 9 <style> |
| 11 :host { | 10 :host { |
| 12 display: inline-block; | 11 display: inline-block; |
| 13 } | 12 } |
| 13 | |
| 14 #container { | |
| 15 display: flex; | |
| 16 flex-direction: column; | |
| 17 } | |
| 18 | |
| 19 header { | |
| 20 display: flex; | |
| 21 align-items: center; | |
| 22 } | |
| 23 | |
| 24 header cr-network-list-network-item { | |
| 25 flex: 1; | |
| 26 } | |
|
stevenjb
2016/08/12 23:20:48
nit: FWIW I find all of these custom rules much le
| |
| 14 </style> | 27 </style> |
| 15 <div class="layout vertical"> | 28 <div id="container"> |
| 16 <div class="layout horizontal center"> | 29 <header> |
|
stevenjb
2016/08/12 23:20:47
nit: I'd rather just use a div here. I don't think
| |
| 17 <cr-network-list-network-item class="flex" hidden$="[[!showActive]]" | 30 <cr-network-list-network-item hidden$="[[!showActive]]" |
| 18 network-state="[[activeNetworkState]]"> | 31 network-state="[[activeNetworkState]]"> |
| 19 </cr-network-list-network-item> | 32 </cr-network-list-network-item> |
| 20 <cr-expand-button toggles hidden$="[[!expandable]]" | 33 <cr-expand-button toggles hidden$="[[!expandable]]" |
| 21 expanded="{{networkListOpened}}"> | 34 expanded="{{networkListOpened}}"> |
| 22 </cr-expand-button> | 35 </cr-expand-button> |
| 23 </div> | 36 </header> |
| 24 <cr-network-list opened="[[networkListOpened]]" max-height="[[maxHeight]]" | 37 <cr-network-list opened="[[networkListOpened]]" max-height="[[maxHeight]]" |
| 25 networks="[[networkStateList]]" custom-items="[[customItems]]" | 38 networks="[[networkStateList]]" custom-items="[[customItems]]" |
| 26 on-selected="onNetworkListItemSelected_" show-buttons=[[showButtons]]> | 39 on-selected="onNetworkListItemSelected_" show-buttons=[[showButtons]]> |
| 27 </cr-network-list> | 40 </cr-network-list> |
| 28 </div> | 41 </div> |
| 29 </template> | 42 </template> |
| 30 <script src="cr_network_select.js"></script> | 43 <script src="cr_network_select.js"></script> |
| 31 </dom-module> | 44 </dom-module> |
| OLD | NEW |